Hexo 主题:用了yilia主题一段时间,感觉还有很多可以提高的地方,就查阅资料,对其进行粗类的修改,
但是,有其实还有很多不完善的地方,欢迎大家前捧场。没想到,这么多人喜欢黑色版本的,建议不是每个人都喜欢我的这些功能,所以准备个基础版本,插件可以看教程自行安装。
使用
安装
1
| $ git clone https://github.com/luuman/hexo-theme-spfk.git themes/spfk
|
配置
修改hexo根目录下的 _config.yml
: theme: spfk
更新
配置
关于配置文件,
主题配置文件在主目录下的_config.yml
:_config.yml
相关插件的安装:请参照Hexo插件安装
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
| ### Header J:\Hexo\Hexo\themes\spfk\_config.yml menu: 主页: / 所有文章: /archives # 随笔: /tags/随笔 #是否开启多说评论,填写你在多说申请的项目名称 duoshuo: duoshuo-key(http: #若使用disqus,请在博客config文件中填写disqus_shortname,并关闭多说评论 duoshuo: true 网页侧边栏背景: # Background | 背景 ## "background_sum": show images form /source/background/的图片数目background_sum: 24 ## "on: true": 自动随机显示这5张图片 ## "on: false": 自定义显示图片设置,background_image: 109 background: on: true #on: false background_sum: 24 background_image: 109
|
多说评论
1 2 3 4 5 6 7 8
| duoshuo: on: true domain: luuman # 是否开启多说评论,http: # 使用上面网址登陆你的多说,然后创建站点,在 domain 中填入你设定的域名前半部分 # http:
J:\Hexo\Hexo\themes\spfk\source\css\多说.css
|
添加方法:
添加方法:打开「后台」 > 「多说评论」 > 「设置」 > 「基本设置」 > 然后把样式粘贴到「自定义CSS」文本框 > 「保存」
具体样式请参照:多说.css
头像
1 2
| 头像尺寸大概200*200px E:\Github\Hexo\themes\spfk\source\img\head.jpg
|
Apple Touch icon 苹果图标:
1 2 3
| 替换路径: /spfk/source/apple-touch-icon.png E:\Github\Hexo\themes\spfk\source\img\favicon.png
|
背景
1 2 3 4 5 6 7 8 9
| # Background | 背景 # # # background: on: true #on: false background_sum: 24 background_image: 109
|
文章摘要
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
| title: 前端知识体系 date: 2016-01-16 13:58:41 description: categories: - HTML 书籍 - HTML 书籍 tags: - HTML 标签 - HTML 标签 toc: true 文章目录 author: comments: original: permalink: --- ** 前端知识体系:**<Excerpt in index | 首页摘要> + <!-- more --> <The rest of contents | 余下全文>
|
404 Page:
1 2 3
| hexo new page 404 And then set permalink: /404 in /source/404/index.md front matter. 在 Hexo 中创建匹配主题的404页面
|
404.html
about.html
主题结构:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| . ├── languages #多语言 | ├── default.yml #默认语言 | └── zh-CN.yml #中文语言 ├── layout #布局,根目录下的*.ejs文件是对主页,分页,存档等的控制 | ├── _partial #局部的布局,此目录下的*.ejs是对头尾等局部的控制 | └── _widget #小挂件的布局,页面下方小挂件的控制 ├── source #源码 | ├── css #css源码 | | ├── _base #*.styl基础css | | ├── _partial #*.styl局部css | | ├── fonts #字体 | | ├── images #图片 | | └── style.styl #*.styl引入需要的css源码 | ├── fancybox #fancybox效果源码 | └── js #javascript源代码 ├── _config.yml #主题配置文件 └── README.md #用GitHub的都知道
|
![iPhone6](https://raw.githubusercontent.com/luuman/luuman.github.io/master/resoures/iPhone6-mockup.jpg)
关于Hexo迁移
最近,Waterstrong提交了一版,这版本可以将hexo布置在GitHub其下的其他项目,比如Blog等。但是还是有些东西需要修改。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| 非常感谢Waterstrong url: http://luuman.github.io/Blog/ root: /Blog/ permalink: :year/:month/:day/:title/ permalink_defaults: 上传是需要出入密码 deploy: type: git repository: https://github.com/luuman/Blog.git branch: gh-pages
|
Blog
Blog