虽然现在市面上有很多博客平台,例如CSDN、简书、博客园等,但是这类博客平台比较不自由,会有很多限制和广告。而对于自己购买域名及服务器,搭建这样的博客成本实在是太高,还要定期维护。因此我选择利用hexo框架在github page上托管我的博客。这样就可以快速上手,安心创作,节省不少的时间和精力。
一、部署环境
1、安装Node.js
首先在Node.js官网下载LTS(长期支持)版。我下载的文件是node-v10.16.3-linux-x64.tar.xz,将其解压。
1 | cd node-v10.16.0-linux-x64 #进入解压后的文件夹 |
2 | sudo ln -s ~/node-v10.16.0-linux-x64/bin/node /usr/local/bin/ #在/usr/local/bin/目录下创建node的软链接,注意路径要写绝对路径。 |
3 | sudo ln -s ~/node-v10.16.0-linux-x64/bin/npm /usr/local/bin/ #在/usr/local/bin/目录下创建npm的软链接。 |
4 | node -v |
5 | npm -v |
如果node -v和npm -v指令成功显示版本号,则说明创建软链接成功,安装完成。
1 | sudo npm install -g cnpm --registry=https://registry.npm.taobao.ory #利用npm全局安装cnpm,使用淘宝的镜像源。 |
2 | cnpm -v #如果cnpm -v报错的话,用相同的方法创建一个软链接到/usr/local/bin/目录下。 |
3 | sudo cnpm install -g hexo-cli #用cnpm全局安装hexo框架。 |
4 | hexo -v #如果cnpm -v报错的话,用相同的方法创建一个软链接到/usr/local/bin/目录下。 |
二、初始化个人博客
下面使用hexo正式搭建博客。
1 | cd |
2 | mkdir blog #后面的所有操作都是在该文件夹内的操作,如果错了,直接删掉这个文件夹重来就好。 |
3 | cd blog |
4 | sudo hexo init #初始化,类似与git init。 |
5 | sudo hexo s #server,使用这个命令后,可以在本地4000端口看到博客。 |
三、写博客
创建新的博客文章。
1 | sudo hexo n "我的第一篇博客文章" |
使用该命令后,就会在bolg/source/_posts/目录下生成“我的第一篇博客文章.md”,对该文件进行编辑,就可以以MarkDown的格式生成博客文章。
1 | sudo hexo g #generate,使用后就会根据上述markdown文件,生成相应的文章。 |
2 | sudo hexo s #可以在本地的4000端口上看到新生成的文章了。 |
如果要删除文章,直接在bolg/source/_posts/目录下删除对应的文件后使用sudo hexo g即可。
四、把个人博客部署到远端
使用github在github page上托管博客,从而达到远端访问的目的。
首先登录github并新建一个仓库。注意!用户部署个人博客的github仓库的命名必须是github的用户名,不然会出错。
1 | sudo cnpm install --save hexo-deployer-git #安装hexo部署插件,方便博客部署到github.io |
2 | cd ~/blog |
3 | sudo vim _config.yml #修改博客的配置文件,确定部署博客地址。 |
找到# Deployment,并将其下代码改写为:
1 | deploy: |
2 | type: git |
3 | repo: https//github.com/用户名/刚刚新建的仓库名.github.io.git |
4 | branch: master |
5 | repo里的网址在github新建的仓库页面下有提示,直接复制粘贴即可。 |
将博客部署到github
1 | sudo hexo d #deploy,使用这个命令后再刷新github新建的仓库,就可以看到刚提交的内容了。 |
在浏览器中输入”用户名.github.io”即可访问博客(会有延迟,稍等15秒)。
五、更换主题
yilia是一个简洁,美观的主题,这里以yilia为例,更换博客主题。
1 | cd ~/blog |
2 | git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia |
3 | sudo vim _config.yml |
找到“theme:”,将后面默认的landscape改成yilia。保存,退出。
1 | sudo hexo clean |
2 | sudo hexo g |
3 | sudo hexo s |
之后就可以在本地看到新应用的主题了。