我的新博客上线了,附上Hexo博客折腾记录

鉴于简书和知乎经常以各种理由删除我的博客,之前我的WordPress博客又已经坏掉了,所以我一直想搞一个新的博客,这不看上了hexo静态博客了,直接托管在github上方便又免费。

配置啥的官方文档都很详细了,不再赘述。

博客地址:http://blog.deali.cn/

各种配置,我还花了一天时间来写脚本把我的旧的博客导入,图片下载,做了替换等等工作,期间也出了很多问题,感觉很烦,很浪费时间,但是一旦开始搞了不坚持到最后又感觉之前的工作都白费了,所以到今天总算是搞好上线了~

关于提取markdown中图片我之前写过一篇文章了,这次又做了升级,可以把markdown中的网络图片全都下载下来并且替换成本地相对路径。有时间写一篇单独说。

参考:https://zhuanlan.zhihu.com/p/87811246

先上截图

最终效果这样,还不错吧

主页

分类

选择主题

Hexo官方文档:https://hexo.io/zh-cn/docs/

我选择的主题是hexo-theme-indigo,主页:https://github.com/yscoder/hexo-theme-indigo

生成文章永久链接

使用node.js常用的自动构建工具grunt来生成基于文件hash值的永久链接。

得先安装grunt并且配置一下,这个看一下官方文档就行:https://gruntjs.com/getting-started

参考:http://blog.jvaeyhcd.wang/posts/05c9df7e0c47bd64.html

Travis CI持续集成

想要自动部署博客,最好需要两个github仓库,一个随便取名,一个的名字是github用户名.github.io,这样才可以直接访问。

这里贴一下配置:

首先是.travis.yml文件

# 语言
language: node_js
# node版本
node_js:
  - 8
# 指定缓存模块
cache:
  directories:
    - node_modules
# 监听分支
branches:
  only:
    - master
install:
  - npm install
script:
  - hexo clean
  - hexo generate
after_script:
  - git config user.name "用户名"
  - git config user.email "邮箱"
  - sed -i "s/{GH_TOKEN}/${GH_TOKEN}/g" ./_config.yml
  - hexo deploy

然后是 _config.yaml 文件的最后,部署部分:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  - type: git
    repository: https://{GH_TOKEN}@这里放上第二个github仓库的链接
    branch: master

其他的步骤就很简单了,参考两篇文档: (话说官方文档的写法好像是不对,以我这个为准) - 官方文档:https://hexo.io/zh-cn/docs/github-pages - https://blog.utone.xyz/2019091039107/

欢迎交流

我整理了一系列的技术文章和资料,在公众号「程序设计实验室」后台回复 linux、flutter、c#、netcore、android、java、python 等可获取相关技术文章和资料