团块的窝

Hexo-个人博客搭建

发表于 更新于

如何创建Blog

布局

类型 文件路径
post source/_post
page source
draft source/_draft

创建命令

1
2
3
4
5
6
7
8
# 创建草稿
# 文件名和博客标题可以不一致，博客的标题通过title:标签指定  
hexo create draft %file name%
hexo publish post %file name%
# 直接发布博客
hexo new post %file name%
# 删除博文
hexo clean #并在source/_posts/中直接删除文件

添加图片

1
2
3
4
5
6
<!-- 引用外部图片 -->
<img src="外部的url" width="160"/>
<!-- 引用内部图片 -->
<!-- 在source目录下创建img文件夹，将图片放到这个文件夹下 -->
<img style="display:inline" src="img/pb_1.png" width="100"/>
<!-- 如果希望图片在一行中显示，可以通过修改display:inline属性。同理也可以通过div标签和其他CSS进行显示控制。-->

配置 github

1
2
3
4
deploy:
  type: git
  repository: https://github.com/$用户名/$用户名.github.io
  branch: master

发布服务

1
2
3
4
5
6
7
8
9
# 编译为静态文件
hexo g
# 启动本地预览
# 修改_post下的markdown会直接在服务器上进行刷新，无需运行静态文件编译
hexo s
# 发布到Github
hexo d
# 清理
hexo clean

美化博客（安装主题）

  • 安装next主题
    1
    2
    cd $LOCAL_HEXO_HOME
    git clone https://github.com/iissnan/hexo-theme-next themes/next
  • 配置
    1
    2
    3
    4
    5
    // 修改 _config.yml 中的主题样式为theme
    theme: next
    // 修改 编码为中文， 务必确保next/languages/目录下有同名的字体文件
    language: zh-Hans
    timezone: Asia/Shanghai
    其他美化请参考 Hexo-Next-主题优化