Hexo主题3-hexo

作者: 杨玉杰 | 来源:发表于2017-03-07 16:33 被阅读1235次

    阮一峰曾言:喜欢写blog的人,会经历三个阶段

    第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写。
    第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。
    第三阶段,觉得独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,自己只负责写文章。

    有对搭建个人blog有兴趣的朋友,可以翻看我往期文章。

    笔者从去年开始通过hexo写blog,使用了yilia主题,但是随着文章数量的上升,检索等操作就显得特别笨重。

    在遍寻无果的情况下,就写下了3-hexo主题。Demo:http://yelog.org
    有爱请自取

    多图预警 ↓↓↓

    设计思路

    整体设计

    三段式设计:

    三段式设计

    通过分类过滤

    分类过滤文章

    通过标题关键字搜索

    文章标题关键字搜索

    通过作者搜索

    若开启了多作者模式,则可以通过输入@,进行作者搜索,如下所示

    通过作者搜索

    通过标签搜索

    输入#,就会出现标签提示

    通过标签搜索

    评论功能

    测试一下评论

    打赏功能

    打赏功能

    文章置顶

    文章置顶

    返回头部

    返回头部

    使用

    1.安装

    $ git clone https://github.com/yelog/hexo-theme-3-hexo.git themes/3-hexo
    

    2.配置

    修改hexo根目录的_config.yml,如下

    theme: 3-hexo
    

    3.更新

    $ cd themes/3-hexo
    $ git pull
    

    相关文章

      网友评论

      • 960d6ea98771:很好
        杨玉杰:@dCocoa 谢谢
      • 许一沐:还有 就是帖子列表链接 建议在 hover 样式加重一些, 在pc端有鼠标知道选择的是哪个,在移动端通过手指不好确定点的是哪个
        许一沐:@阿杰聊科技 好的
        杨玉杰:@牵猪的仓鼠 已经加入自定义样式了
        杨玉杰:@牵猪的仓鼠 设计的时候是让前面的小箭头震动显示哪个文章选中,随后会加入几种选中样式作为可选项,其他模块也会陆续加入多种样式选择
      • 许一沐:反馈一个重要的bug,在移动设备中打开帖子详情页面,总会自动弹到首页列表,需要手动点切换,非常不方便,希望赶紧处理
        许一沐:@阿杰聊科技
        比如 这个链接, 我在wifi网络中测试没有问题,但是我昨天在车上使用3g网络访问时却存在这个问题 http://s.amlove.cn/2017/01/23/linux/%E6%AF%8F%E5%A4%A9%E4%B8%80%E4%B8%AAlinux%E5%91%BD%E4%BB%A4/
        杨玉杰:@牵猪的仓鼠 首页已经处理好了,更新一下即可,详情可查看:http://yelog.org/2017/03/13/tools/3-hexo配置首页/ 也可以关注这篇文章:http://yelog.org/2017/03/13/tools/3-hexo开发日志/ 会实时更新开发日志,根据需要进行更新
        杨玉杰:@牵猪的仓鼠 移动端详情页的文章列表默认是隐藏的。可以留个链接让我看一下吗
      • 1c96f14a7e32:好棒的文章,正在筹备搭建一个呢,刚好你的文章给了我思路,谢谢~
        杨玉杰:@男麦麦 很高兴能够帮到你:blush:
      • 杨玉杰:嗯 这几天做一个
      • 许一沐:还差一个分享的功能
      • 许一沐:在使用过程中发现存在几个问题: 1 移动端点赞赏,弹出的框太大,屏幕都基本被遮盖,不能顺利关闭弹层,建议弹层大小在移动端有一定的比例缩小; 2 移动端打开详情页面时遇到代码区块时上下滑屏操作就不好使,是否可以在页面加上边框,方便上下滑动操作; 3 首页模板写死了的,部署之后还得自己修改首页,能否参数化
        许一沐: @阿杰聊科技 我参考你给的方法利用中午休息的时间写了一个 hexo的插件,用于置顶和排序 www.npmjs.com/package/hexo-generator-topindex,已经提交到hexo官方扩展中了😁
        杨玉杰:@牵猪的仓鼠 今天看到你评了一个排序和置顶的方法,不知为何撤销了。如何可以的话,可作为第二种方法放到教程中。
        杨玉杰:@牵猪的仓鼠 首页已经模块化,放到一个md文件中了,明天更新上去。其他的建议很不错,这几天改进一下。
      • 许一沐:正在配置中,多说配置成功了,其中还有两个 youyan 和 disqus 是做什么使用的呢?
        杨玉杰:@牵猪的仓鼠 置顶功能需要修改一下hexo代码,可以查看我的blog中的置顶功能的配置:http://yelog.org/2017/02/24/tools/Hexo置顶及排序问题处理/,然后在需要置顶的文章中加入top:1,就可以了(多个置顶文章,top后的数字越大,越靠前)
        杨玉杰:@牵猪的仓鼠 有言、disqus和多说一样,都是第三方评论系统,在国内的话推荐使用多说。
        许一沐:还有置顶这个功能 正在摸索如何使用
      • YanJeanhung:今天按照你的方法搭建成功了,那个多说插件是不是有问题,只有第一次加载页面时可以出现评论框,第二次评论框就出不来了
        YanJeanhung:@阿杰聊科技 我更新了你最新的代码,但多说评论还是只能加载一次。我看你的博客是可以的。我在火狐调试时,页面报错 “安全页面上在载入混合的(不安全的)活动内容”
        杨玉杰:@闫佳衡 已经修复了,可以根据文章末尾的方式更新,如果有冲突处理不了,可以删了主题,重新安装。
        杨玉杰:嗯,明天处理一下:stuck_out_tongue_winking_eye:
      • YanJeanhung:不错,正在学习
        杨玉杰:@闫佳衡 加油

      本文标题:Hexo主题3-hexo

      本文链接:https://www.haomeiwen.com/subject/ekwmgttx.html