技术

基于hexo的marble模板

实用教程

我的旧版博客使用的模板。
项目github地址：hexo-theme-marble

自己动手做的一个github个人主页，由于之前没有做过前端，所以在@ppoffice的Alex项目基础上改的。主要是根据我的个人喜好进行的界面的调整，并增加了评论功能。评论功能采用的gitalk。

整个界面追求极致简洁，黑白配色，所以取名marble。

安装方法：

1. nodejs和hexo的安装可以参考这篇博客：

用Hexo + github搭建自己的博客 — 再也不用羡慕别人了！

2. 在你新建的hexo目录下，安装这个主题：

1
git clone https://github.com/guanhonly/hexo-theme-marble themes/marble

marble要求Hexo 2.4及以上版本

3. 更改clone后的marble中的_config.yml，相关参数可见Alex的文档

4. gitalk相关配置

  • 首先，去这里申请github的授权，获得client ID和client Secret。
  • 然后，修改 _config.yml中的相关配置：
    1
    2
    3
    4
    5
    6
    7
    8
    gitalk:
     enable: true
     language: # 指定语言，默认从系统中获取
     owner: # 申请时的owner
     admin: # 管理员，如果没有其他人，填自己
     github_repo: # 用与保存评论的仓库名，建议填个人主页对应的仓库
     client_id: # 刚刚生成的client ID
     client_secret: # 刚刚生成的client Secret

5. 在个人主页的根目录下，运行

1
hexo clean

然后运行

1
hexo g

最后运行

1
hexo d

过一会儿就可以上看到使用了这个模板的个人主页了

效果：
top
bottom

6.发布新博客

在项目根目录下，输入：

1
hexo new "PostName"

PostName即为你的这篇博客名称，创建成功的博客文件会在./source/_post中

文章编辑完成后，执行以下命令：

1
2
3
hexo g //生成静态页面
hexo s //在本地预览生成的页面，如果有信息可以不进行这一步
hexo d //发布
分享到