hexo-theme-xups-一款hexo主题
hexo - theme - xups是一款hexo主题,其思路源于大前端WordPress主题,具有扁平特性并自带基于github issues的评论系统。安装涉及多步操作,如安装hexo相关内容、拉取主题、配置文...
标签:Github项目githubissues评论系统 hexo-theme-xups 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主题,在安装、文章创建、评论系统等方面都有自己的特点和设置方式。欢迎大家留言讨论关于这个主题的使用心得或者遇到的问题。
项目地址
数据统计
数据评估
本站链氪巴士提供的hexo-theme-xups-一款hexo主题都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由链氪巴士实际控制,在2024年12月6日 上午12:00收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,链氪巴士不承担任何责任。
相关导航
raytaylorism是一款由raytaylorlin设计制作的清新的响应式Material Design风格的Hexo主题。支持Hexo3.1版本,不支持Hexo2.x版本。使用者需备份数据并升级到Hexo3版本才能使用。主题在样式、颜色、页面标题等多方面提供丰富的可配置项,如主题颜色配置遵循Materializecss色板规范,还能对正文宽度、外部链接、幻灯片、多语言等进行设置。此外,它使用了Materialize代码作为样式框架,Google - code - prettify用于代码语法高亮,流量分析方面运用了GoogleAnalytics、腾讯分析等技术。