博客简易搭建指南
今年过年回家,感觉格外地忙。跑东跑西的吃饭,还有很多小事儿,加上放假时间也短,搞科研应该是行不通了。趁这个时间搞了个个人网站出来,以后就有地方可以写博客了。大概是年初三开始研究,初五初六做完了,一共耗时6个小时,这里把具体的过程写在这里,给有需要的同学参考。
选域名
说到做网页,尤其是做个人网页,第一件事肯定是选域名,我是在GoDaddy上买的域名,也可以在Namecheap之类的域名网站买,尽量找大一些的网站。
我在检索的时候发现没有rendawei.com了,在rendawei1210.com、rendawei.me和rendawei.dev这三个域名中纠结了蛮久的,最后选了最便宜的.dev,价格大概是500块/3年左右。因为我职业也算是半个码农,所以.dev也算是合乎我原本决定的网站做技术博客的调性。在这里说明一下,在选择.dev网站时候,网站会提示必须使用https,但这个很好办,我们把网站托管到github上的话本身就是带https的,所以不用担心这点。
安装网页框架
我选择用了Hexo这个静态网站生成器,因为我主要是写博客用,不需要研究那些前端的东西所以选择了这个,搭配了Jacman主题。Hexo是用Node.js的,算是一个比较老的生成器,这个的好处就是后面写博客部署很方便,换机器之类的也不会很麻烦,直接复制yml就可以,而且生成静态网站,加载速度很快,写写博客不错。
下面的教程适用linux系统
首先要安装Node.js环境和npm包管理器:
1 | sudo apt update |
接下来需要安装Hexo:
1 | sudo npm install -g hexo-cli |
到这里可以检查一下是否安装成功
1 | node -v |
安装网页生成器框架就到此为止。
创建Hexo项目
首先cd进你想创建博客的目录,然后开始创建一个新的Hexo项目:
1 | hexo init myblog |
上面的操作将会创建一个新的Hexo博客,并安装所需要的依赖。
然后如果想用Jacman主题的话,cd进Hexo的根目录:
1 | git clone https://github.com/wuchong/jacman.git themes/jacman |
安装完成后,编辑Hexo配置文件/_config.yml
,将主题设置为Jacman。
配置GitHub Pages
首先进入github,创建一个新的仓库,一定要public,命名为rendawei.github.io
这是github pages的标准命名格式。
然后编辑Hexo配置文件/_config.yml
,修改配置为:
1 | deploy: |
然后执行:
1 | npm install hexo-deployer-git --save |
再进行部署:
1 | hexo generate |
部署完成后,你可以在浏览器中访问 https://yourusername.github.io 来查看你的博客。
将域名指向GitHub Pages
这里需要在你购买的域名服务提供商,将域名指向GitHub Pages,需要再服务商网页中设置以下DNS记录
1 | 185.199.108.153 |
同时,在github repo的页面下,创建一个名为CNAME
的文件,不要有后缀,内容是自定义的域名,如:rendawei.dev
本地测试与调试
你可以使用 Hexo 本地预览命令来查看网站效果:
1 | hexo server |
然后在浏览器里访问http://localhost:4000
,进行本地查看。
最后,你可以根据你的需要优化你的Hexo博客,调整Jacman主题中的/_config.yml
,添加插件,编写博客文章等。
写在最后:不要忘了提交你的代码到github上哦,hexo deploy
仅仅是提交了网页的public上去,如果想保存网页内容,请记得及时提交备份。