0%

blog搭建

以前总觉得搭博客是大佬行为,但随着记下来的笔记多了,觉得通过博客来分类记录、持续记录也是很好的。契机是学习omnetpp的时候搜索到了一位师姐的博客,看起来很厉害。再加上jcc也提到想重新搭博客,于是说搞就搞。 其实用开源框架的话,并没有那么复杂,有一点按图索骥的意思。

搭建步骤

github相关

因为使用的是hexo+github,那github账号是必不可少的。 注册github账号、安装git、绑定github并test提交文件,关于git操作会再列一篇记录一下。

购买域名

如果有一个域名的话,感觉博客会厉害很多,但是还没想好名字,以及被贫穷限制。

安装nodejs和hexo

如果说前面是序章的话,正文终于开始了。

首先是安装node.js,需要配置一些环境变量。

然后在git下安装hexo框架

1
2
3
4
5
npm install -g hexo-cli #安装hexo
hexo init #初始化文件夹
npm install #安装依赖
hexo generate #生成静态网页
hexo server #部署在本地,可以在本地浏览部署结果

这个时候就可以在本地访问博客啦!~

将博客部署在Github Page

在自己的github中建立一个指定命名的仓库xx.github.io

然后在博客的根目录下安装hexo的插件cnpm install --save hexo-deployer-git

修改根目录下的yaml文件_config.yml,加入仓库地址然后就可以快乐部署啦,这个地方需要注意分支的名称。

1
2
3
4
hexo clean   #清除缓存文件 db.json 和已生成的静态文件 public
hexo g #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)
hexo d #自动生成网站静态文件,并部署到设定的仓库(hexo deploy 的缩写)
hexo clean && hexo d -g #将三条命令合并

美化

截止目前为止,博客就搭建好啦,但光秃秃的,需要一些美化。目前使用的是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:,后面一定要有空格。