Mac下如何创建博客

本文最后更新于:2 年前

拥有了博客,虽然网上有很多很棒的教程了,但我这里想简略记录一下我自己创建博客的操作过程。这篇主要是写给自己看的。

Leo

我电脑已经装有nvm,可直接用nvm安装node的稳定版本

1
$ nvm install 12.5.0

安装hexo,并部署到git page的deployer

1
2
$ npm install hexo-cli -g 
$ npm install hexo-deployer-git --save

初始化博客

1
$ hexo init iblog

这里我因为网络原因经常卡住,导致创造了很多遍iblog文件,这里会出现一个问题,在自动安装dependecies时报出npm ERR! cb() never called!的错误
这里需要清除你的npm缓存:

1
$ sudo npm cache clean -f

很有意思,会得到一个提醒 “希望你知道你在做什么”
之后到网络好的地方安装就完成了

创建github.io仓库并配置SSH密码

我很早就创建好了,注意仓库名必须为 userName.github.io,我的用户名是LeoMarsX,即LeoMarsX.github.io
查看是否有SSH密钥

1
2
$ ls -al ~/.ssh
$ No such file or directory

生成SSH密钥

1
2
$ ssh-keygen -t rsa -C"your_email"
//your_email:这是github注册时填的邮箱

添加SSH

1
$ ssh-add ~/.ssh/id_rsa 

查看SSH

1
2
$ cat /Users/UserName/.ssh/id_rsa.pub
//UserName :电脑用户名

然后将查看到的SSH复制到github中 (先Edit profile,然后点击New SSH key)
点击New SSH key

测试看是否测试成功

1
2
$ ssh -T git@github.com
Hi XXXX You've successfully authenticated, but GitHub does not provide shell access.

将本地的Hexo文件更新到GitHub仓库中

到iblog这个根目录打开_config.ymlb配置文件,拉到最下面更改配置信息

1
2
3
4
deploy:
type: git
repo: https://github.com/userName/userName.github.io.git
branch: master

注意 这里的所有冒号之后一定都要有一个空格

快成功啦!

1
2
3
4
$ hexo g  //generation生成
$ hexo d //deploy配置
//如果这时候报错了,执行下面这行代码,再重新输入hexo d
$ npm install --save hexo-deployer-git

就可以登陆访问网站啦

怎么写博客呢

打开创建的iblog文件夹,其中的source/_posts文件里的markdown文件就是刚刚打开的hexo默认的第一篇文章的文件代码,自己进行修改内容就可以写自己的文章啦。直接新建一个md文件就可以新建一篇文章了。

修改主题

在github里搜索 hexo themes即可看到很多优秀的前端工程师做的主题,根据他们提供的指南进行安装就可以让自己的博客更好看了!


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!