以前总觉得搭博客是大佬行为,但随着记下来的笔记多了,觉得通过博客来分类记录、持续记录也是很好的。契机是学习omnetpp的时候搜索到了一位师姐的博客,看起来很厉害。再加上jcc也提到想重新搭博客,于是说搞就搞。 其实用开源框架的话,并没有那么复杂,有一点按图索骥的意思。
搭建步骤
github相关
因为使用的是hexo+github,那github账号是必不可少的。 注册github账号、安装git、绑定github并test提交文件,关于git操作会再列一篇记录一下。
购买域名
如果有一个域名的话,感觉博客会厉害很多,但是还没想好名字,以及被贫穷限制。
安装nodejs和hexo
如果说前面是序章的话,正文终于开始了。
首先是安装node.js,需要配置一些环境变量。
然后在git下安装hexo框架
1 | npm install -g hexo-cli #安装hexo |
这个时候就可以在本地访问博客啦!~
将博客部署在Github Page
在自己的github中建立一个指定命名的仓库xx.github.io
然后在博客的根目录下安装hexo的插件cnpm install --save hexo-deployer-git
修改根目录下的yaml文件_config.yml,加入仓库地址然后就可以快乐部署啦,这个地方需要注意分支的名称。
1 | hexo clean #清除缓存文件 db.json 和已生成的静态文件 public |
美化
截止目前为止,博客就搭建好啦,但光秃秃的,需要一些美化。目前使用的是next主题,后面可能会再次就进行修改。主要进行了tag修改、语言修改,有待持续优化。
- 加入了头像、图标
- 启用了进度条功能
之前有被推荐icarus的主题,也蛮好看的,maybe尝试一下。
快乐写(水)博客
再美的博客也是用来写的,常用的当然是markdown语言。感觉自己非常喜欢折腾这些工具,希望能真的提高生产力。
新建博客
在根目录下hexo new [布局] <标题>
,然后会在source_posts路径下生成md文件,就可以开动啦!!!(或者直接在路径下新建文件)
删博客
删掉md文件,删掉.deploy_git。执行hexo clean && hexo d -g
图片插入
将图片放入图片源文件夹,进行相对路径(/pic/)的引用。
踩坑行为
- 建立了main和master两个分支,推送错误
- 图片路径错误
- 导航栏图标icon添加
- 博客起始,title:,date:,tags:,后面一定要有空格。