next-theme博客园主题

e x T

cnblogs-theme-next

next-theme博客园主题,使用论文格式设计，专一阅读体验

特性

• 高度还原next-theme
• 响应式设计
• 支持目录
• 论文规范排版、衬线字体
• 与博客园既有特性融合

预览

截图

样例

博客园 <=> hexo

选型

为何选择博客园

• 常常使用搜索引擎查找某些问题会发现博客园有着良好的SEO,相比自主建站或者其余静态站点方式，省去了SEO优化和推送，便于更好的呈现和分享。
• 博客园用户大可能是早期开发者，内容可信度高。因为没有其余平台相似的激励计划(好比X币)，写文章出发点很纯粹，也就不会存在用一两句话凑一篇文章、凑一篇原创（好比CSDN）,即使存在也每每就是标准答案。
• 搜索结果比较真实，不像CSDN，经过在大量相干不相干的广告和文章连接中夹带着文章，致使可能搜索概要中含关键词可是打开文章却毫无干系，迫使在其环境下跳来跳去增长点击率和广告曝光率，却永远找不到答案。
• 免备案,免服务器,https,自动二级域名(xxx.cnblogs.com)
• 支持标准markdown，渲染准确，可完美迁移。图片不会像其余平台同样强制转内链，但还每每转不成功须要找原图再上传。
• 重要:支持高度自定义，jquery于网页的意义就比如ssh的22端口于服务器的意义。

为何选择next-theme(Pisces)

• 真正大道至简。不少主题标榜极简、专一阅读，但每每花样繁多。
• 可配置、可自定义、可扩展。

使用

打开后台

1. 选择博客皮肤为custom,勾选禁用模板css,申请js权限
2. 将三个文件内容分别复制入相应区域(页首、页尾、定制css)
3. 在选项中勾选首页仅列出标题与摘要,控件显示勾选公告
4. 经过随笔写文章，填写摘要和标签后发布。
5. (可选),因为没法在首页获取头像，如需正常显示，手动在foot.html头部配置avatar(可在头像设置上传后右键头像获取连接)
   其余可配置部分以下
   

• github:右上角跳转github用户名,默认为本仓库连接
• author:做者，默认取后台设置
• siteTitle:网站标题默认取后台设置

配置主题色

/*custom.css*/
:root {
  --primary-color:#027AFF;/*默认支付宝蓝*/
  --body-bg-color: #f5f7f9;
  --content-bg-color: #fff;
  --text-color: rgba(0,0,0,0.65);
  --link-color: #555;
  --code-bg-color:#f0f0f0;
}

可经过devtools调试来选择

开发

原则

• 能经过脚本获取的信息，如用户已经在管理后台设置的信息，就无需再次配置
• 不该该彻底自定义而脱离博客园设置，好比我的信息应该以默认设置为主,尽量做为补充而不冲突
• 专一于阅读体验而非花里胡哨
• 没必要苛求彻底与next原主题一致，毕竟该主题也通常须要改动，适合、可用便可。

Todo

• 优化配置方式
• 代码行
• 修复可能存在的时序问题