链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

hexo-theme-xups-一款hexo主题

hexo - theme - xups是一款hexo主题,其思路源于大前端WordPress主题,具有扁平特性并自带基于github issues的评论系统。安装涉及多步操作,如安装hexo相关内容、拉取主题、配置文件等。创建文章有两种方法,且有一定的规范和注意事项,包括文件名不...

访问官网 →

项目名:hexo-theme-xups-一款hexo主题

项目简介

hexo-theme-xups是一款hexo主题。它的思路源于大前端WordPress主题,具有扁平的特性。该主题自带基于github issues实现的博客评论系统。

安装与使用

安装hexo相关内容:首先执行pmi hexo-cli-g,接着hexo init blog,然后cd blog,再执行npm install。将主题拉到本地并解压:cd themes,git clone https://github.com/jangdelong/hexo-theme-xups.git。下载完之后,将_config.example.yml文件改成_config.yml并配置其theme为hexo-theme-xups。运行hexo s — watch,cd..,hexo generate或者hexo g hexo s — watch,运行上述命令后,浏览器打开http://localhost:4000即可本地访问网站。

创建文章

创建文章有两种方法。一是使用hexo new命令,如$hexo new “MyNewPost”,注意文件名不要出现中文;二是拷贝现有的文章进行修改,hexo使用markdown来编辑文章,在source目录下,拷贝任意md文件进行创建新的文章。建议图片进行单独cdn存储,标准配图xups主题现默认有0-9共10张博客配图,博客封面配图为200×140,命名为xxx_thumbnail,还需要指明文章的标题、作者信息、封面图片地址、博客摘要等。

评论系统设置

首先创建Github Application。在主题_config.yml配置中,有是否开启评论的设置(enable: false),需要设置owner(你的github账户名)、repo(github repository)、client_id(github application client id)、client_secret(github application secret)等。评论框使用时通过特定的 HTML 标签和 JavaScript 代码来实现,即先放一个容器 <div id="comments" class="comment"></div>,再调用 <script>JELON.Comment({...})</script>。

项目总结

hexo-theme-xups是一款功能较为丰富的hexo主题,在安装、文章创建、评论系统等方面都有自己的特点和设置方式。欢迎大家留言讨论关于这个主题的使用心得或者遇到的问题。

项目地址

GitHub链接直达