当前位置 > it书童 > 编程 > 正文
推荐小册
java高效编程
怎样更高效地用 java 编程

juc并发工具库
java并发编程工具库

设计模式
设计模式

jvm调优
jvm调优

rabbitmq实战
rabbitmq实战

redis实战
redis实战

Keepavlied高可用集群
Keepavlied高可用集群

nginx入门到实战
nginx入门到实战

java调试
java调试中遇到的各种坑

java输入输出流
java输入输出流

hexo搭建个人博客

编程 it书童 2019-10-05 15:26:14 0赞 0踩 1041阅读 0评论

搭建个人博客有很多种方式,最老牌的当属wordpress,功能丰富,但过于笨重。我想要的只是最简单的显示文章以及搜索功能,当然,样式要简洁漂亮,而且必须支持markdown语法。这些要求,hexo都能很好地满足。

关于hexo的介绍,详见 官网

安装流程

$  npm install hexo-cli -g
$ hexo init record # 项目名称可自定义
$ cd record
$ hexo s --debug

浏览器访问:http://localhost:4000/

更换主题

默认的主题我并不喜欢,hexo最流行的主题是 Next

Next的文档写得很详细,跟着操作很快就能完成配置

创建分类页、关于页

$ hexo new page categories # 分类页
$ hexo new page about # 关于页

分类页 record/source/categories/index.md

---
title: 文章分类
date: 2018-08-21 21:22:20
type: "categories"
---

关于页 record/source/about/index.md

头像路径:record/source/images/avatar.png

安装本地搜索插件

$ npm install hexo-generator-searchdb --save

重启hexo

$ hexo clean
INFO  Deleted database.

$ hexo s --debug

部署

执行 hexo g 生成静态html文件

$ hexo g

将生成的public目录上传到服务器,便是一个完整的站点了

可以自己写一个自动化部署的脚本,每次本地更新文章,就触发自动部署到线上服务器

可能遇到的问题

  • local search 转圈

如果本地搜索一直转圈,可能是内容中包含BS符号,用sublime打开看到,将这些符号去掉即可恢复使用搜索功能

使用gitee生成静态pages

在站点 _config.yml 中设置:

url: https://saiyan_cat.gitee.io/blog/
root: /blog/

deploy:
  type: git
  repo: git@gitee.com:saiyan_cat/blog.git
  branch: master

安装插件:

$ cnpm install hexo-deployer-git --save

部署

hexo g # 生成静态文件
hexo d # 部署

hexo 移植

将 hexo 代码放到gitee,使用其默认的 .gitignore 即可。在别的电脑 clone 后,在根目录执行 cnpm install

关于我
一个文科出身的程序员,追求做个有趣的人,传播有价值的知识,微信公众号主要分享读书思考心得,不会有代码类文章,非程序员的同学请放心订阅
转载须注明出处:https://www.itshutong.com/articles/335/hexo-building-personal-blog