WEIC`S BLOG

Note - 大气时尚适合写作的博客主题

我的项目

Note正如其名字一样,是一款适合写作、做笔记的博客主题,设计风格来自我的上一款主题 《Jian》 ,也可以理解为《Jian》的升级版、整容版;

计划发布Ghost、Typecho、Hexo三个版本,目前已全部完成,抓紧步入正式版中;

提示:此款主题目前仍处于完善阶段,所以会不断地增加新功能和优化,如果你在使用此款主题请密切关注此篇文章或Github

演示地址:https://weic96.cn

预览图

先是首页

导航栏展开状态的首页

最后是文章页

Typecho版本归档页

还有好多页面没有展示出来,如果你感兴趣的话可以换上主题自己体验一发;

功能和特色

  • 适合写作的设计;
  • 炫酷的侧滑导航栏设计;
  • 文章页打赏功能;
  • 紧凑的按钮设计;
  • 响应式设计;
  • Pjax技术;
  • 代码高亮;
  • 又大又长的首页头图;
  • 不丰富的社交按钮,只有4个;
  • 文章页图片放大功能;
  • 支持嵌入第三方评论;
  • 支持Ghost、Typecho、Hexo这三个平台;
  • Alpha版本,更多功能和优化请期待,谢谢!

计划中

  • 文章页标题导航
  • Typecho版本评论表情
  • 表格样式
  • Hexo版本归档页

所含开源项目

  • jQuery
  • jQuery.pjax.js
  • highlight.js
  • waves.js
  • FontAwesome
  • Zoom.js

使用注意

本主题提供免费使用,但是:

  • 不能修改任何代码(不包括媒体文件路径和超链接);
  • 不能去除底部版权信息;

请务必遵守以上几项,这或许是对作者最起码的尊重了;

需要改造本主题的同学请购买授权,就可以魔改代码、去除页面底部的版权信息和提供主题的即时帮助!
哦对了,还有更新后能及时收到邮件通知;

下载与购买

不妨在Github给此项目来个star吧!

选择适合自己平台的版本下载:Ghost版Typecho版Hexo版


Typecho版Hexo版

改造授权只需 50 块大洋,在这个年代说 50 块贵的同学说明爱还不够;如需购买授权请电子邮件或微信联系我,当然也可以直接支付宝转账(记得附上你的网站信息和邮箱哦)。

E-mail : i@weic.me
微信 : cw1104365773(可扫页面底部“赏”中的二维码)
支付宝 : weic96@vip.qq.com(可扫页面底部“赏”中的二维码)

无意购买的同学请在本文底部留言或发邮件,微信和QQ不闲聊。

另外也接受主题功能定制和新主题制作;

更新日志

  • 2017.04.11 自测 V0.1
  • 2017.04.12 发布 Ghost版本 V0.2
  • 2017.04.27 发布 Typecho版 V0.2
  • 2017.05.06 更新 Typecho版至 V0.2.1
    • 增加后台添加备案号的功能
  • 2017.05.13 更新 Typecho版至 V0.2.2
    • 优化了页面显示
    • 新增了归档页模板
  • 2017.05.15 更新 Typecho版至 V0.2.3
    • 优化了首页头图在移动端的显示
  • 2017.06.18 发布 Hexo版本 V0.1
  • 2017.06.19 更新 Hexo版至 V0.2
  • 2017.06.20 更新 Ghost版至 V0.3
    • 修复点击浏览器返回按钮后部分js失效的问题;
    • 新增标签云随记色功能;
    • 更换文章页图片灯箱;
  • 2017.06.20 更新 Typecho版至 V0.3
    • 修复点击浏览器返回按钮后部分js失效的问题;
    • 新增标签云随记色功能;
    • 更换文章页图片灯箱;
    • 修复Pjax页面评论功能失效;
  • 2017.08.13 更新 Ghost版至 V1.0 并同步发布 适合Ghost-V1.x的版本
  • 2017.08.14 更新 Typecho版至 V1.0
  • 2017.08.14 更新 Hexo版至 V1.0

使用方法

主页面头图推荐分辨率:1920 x 675(反正就是这个比例);
文章页头图推荐分辨率:1920 x 320 (反正也是这个比例);
Ghost使用此主题请务必开启后台的Labs>Public API 功能;

Ghost版本修改侧边栏里的微博、Github、邮箱地址

Typecho版本的在网站后台主题设置里;

打开本主题的partials目录里的navigation.hbs文件,找到下面代码,自行修改;

<div class="navbar-icon">
        <a href="" class="fa fa-github navbar-github"></a>
        <a href="" class="fa fa-weibo navbar-weibo"></a>
        <a href="" class="fa fa-envelope navbar-mail"></a>
        <a href="" class="fa fa-rss navbar-rss"></a>
</div>
嵌入第三方评论代码

获得第三方评论代码后,将所有代码复制粘贴到本主题的partials/comments.hbs(Typecho版本的为comments.php)文件里的注释之间;

如果你用的是Disqus,请删除comments.hbs将disqus-comments.hbs重命名为comments.hbs,然后修改里面的参数;(此主题针对Disqus做了动态加载功能)

标签云页面

Ghost:新建一个独立页面,这个独立页面的URL为tags ;
Tpecho:新建独立页面,模板选择归档页,只需填写页面标题即可(归档页就是此独立页面) ;
Hexo:新建一个独立页面,选择模板为 tm-tags ,不要书写任何内容;

友情链接页面

Ghost:新建一个独立页面并按主题指定格式书写,这个独立页面的URL为links ;
Tpecho:新建一个独立页面,选择模板为友情链接模板并按下方指定格式书写;
Hexo:新建一个独立页面,选择模板为 tm-links 并按下方指定格式书写;

友情链接写法

第一种:有logo的网站

<div class="links-page">
<!-- 下方为友链 -->  
<a class="links-btn" href="网站链接"><img src="网站图片" />网站标题</a>  
<!-- 上方为友链 -->
<div style="clear:both;"></div>  
</div>

第二种:没有logo的网站

<div class="links-page">
<!-- 下方为友链 -->  
<a class="links2-btn" href="网站链接">网站标题</a>  
<!-- 上方为友链 -->
<div style="clear:both;"></div>  
</div>
网站favicon图标

Ghost:将你的favicon.ico文件放到assets/images/目录里即可;
Typecho:将你的favicon.ico文件放到主题根目录替换原文件即可;
Hexo: 请打开本主题目录下的_config.yml配置文件对照注释修改;

文章页打赏功能

Typecho版本的在网站后台主题设置里;

Ghost:打开post.hbs,找到下图的代码,给img标签的src属性添加上相应二维码图片url后保存重启ghost即可;

Typecho:请看网站后台的主题设置:
Hexo: 请打开本主题目录下的_config.yml配置文件对照注释修改;

最后:欢迎提出建议,本站评论系统使用的是Disqus,如果你没有Fan墙可能加载不出来评论;这时你就可以发邮件给我;

加载评论
打赏本文
二维码