怎么用hexo写博客(博客系统Hexo发文章就这么简单)
怎么用hexo写博客(博客系统Hexo发文章就这么简单)头像的配置位于这个主题根目录下的 _config.yml 文件中这张主页里,我需要更改几个地方,分别是于是找到了 lights,通过 Git 命令拉取到 themes 目录下$cdmy_hexo_blog $gitclonehttps://github.com/HenryWoo1229/Lights.gitthemes/lights通过修改根目录 _config.yml 重新指定主题themes:lights然后启动 Hexo 本地服务,就能预览到这样一个界面
上一篇我们尝试把 Hexo 博客系统在本地建设起来,并部署到个人 Github Pages 中进行公开展示,现在要写些文章并提交,让博客空间变得真正有意义
要通过 Hexo 发表博客很简单,容我先喝口水
几个命令这里约定,我们博客的根目录名是 my_hexo_blog
$hexog#1
$hexos#2
$hexod#3
- 将 source/_posts 目录下的 md 格式博客文章打包成静态页面,供网页里展示,每次写新文章了需要执行一次该命令
- 本地开启 Hexo 服务器,浏览器中预览博客效果
- 将 public 目录下的内容发布到 github 中,注意,如果此前已经在 Github.io 中发布过内容,第一次进行此操作会将仓库覆盖掉,务必先保存数据,后续更新文章,使用该命令部署就只是增量更新了
之前介绍 Hexo 部署的时候选的示例主题我并不满意,于是重新找了一款,我的原则是简约,简单,只保留内容等核心要素,花里胡哨的东西尽可能去掉
于是找到了 lights,通过 Git 命令拉取到 themes 目录下
$cdmy_hexo_blog
$gitclonehttps://github.com/HenryWoo1229/Lights.gitthemes/lights
通过修改根目录 _config.yml 重新指定主题
themes:lights
然后启动 Hexo 本地服务,就能预览到这样一个界面
改造新主题这张主页里,我需要更改几个地方,分别是
- 头像
- 名字
- 个性签名
- 语言
头像的配置位于这个主题根目录下的 _config.yml 文件中
avatar: /images/avatar.png
将图片改名为自己的头像图片,并将图片文件放到
themes/lights/source/imges 下,便完成替换,这里注意调试一下长宽比例,否则会被自动压缩导致图像变形
名字,个性签名和语言,都在 my_hexo_blog 根目录下的 _config.yml 中修改
title:一个极其普通的程序员
author:HenryWooinCHJInc.
language:zh-CN
这样重启本地 Hexo 服务后,就变成了
博文页面中长这样
已经有点儿属于自己东西的样子了
但又发现了一些需要修改的地方
- 首页右上角,订阅需要去掉
- 博文页中,支持分享到 Twitter 和 Facebook,也需要关掉这样在国内用不了的操作
由于我并不知道这个前端页面是如何设计的,找了一下 _config.yml 中也没有相关配置,于是猜测它们是在页面中自动生成的
通过 Chrome 检查了这几个页面元素的关键词发现,订阅按钮跟atom.xml 相关,通过 grep 搜索( Windows 系统可以使用findstr 命令)
发现该文件位于 lights/layout/_partial/nav.ejs
这是 js 的片段文件,将对应代码行注释掉,重启服务后,页面就不再出现相关内容了
去掉 Twitter 和 Facebook 按钮也参考这种方法,这样就得到了比较满意的效果
文章发布流程- 将文章用 Markdown 写好,可以使用 Typora 编辑,文章的显示时间根据文件创建时间自动定义
- 将文章拷贝到 source/_posts 下
- 初次使用当前主题时,执行一下 hexo clean,将之前主题的缓存清理掉,再使用hexo g 生成博客静态页面
- 执行命令开启 Hexo 服务,本地预览一下效果
- 执行命令一键部署到 Github
总结起来就是,自己动手 DIY 一个博客系统,真香!如果你心动了,就马上心动起来吧