Home

Awesome

<div align="center"><a title="cnblogs-theme-next" href="https://github.com/MakerGYT/cnblogs-theme-next"><img align="center" width="56" height="56" src="https://static01.imgkr.com/temp/d342ea371a6041b3bf57d1da8a79d9cc.svg"></a> e x T</div>

cnblogs-theme-next

将hexo 经典的next-theme主题迁移至博客园,使用论文格式设计，专注阅读体验,极简主义设计

特性

预览

截图

样例

博客园 <=> hexo

选型

为什么选择博客园

为什么选择next-theme(Pisces)

使用

打开后台

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

配置主题色

/*custom.css*/
:root {
  --primary-color:#027AFF;/* 全局主色*/
  --body-bg-color: #f5f7f9; /*页面背景色*/
	--content-bg-color: #fff; /*页面内容背景色*/
	--heading-color: rgba(0, 0, 0, 0.85); /* 标题色 */
	--text-color: #353535; /*主文本色*/
	--text-color-secondary:rgba(0, 0, 0, 0.45);/*次文本色*/
	--text-color-grey:rgba(0, 0, 0, 0.25); /*失效色，无需关注色*/
  --link-color: #555; /*链接色*/
  --code-bg-color:#f0f0f0; /*代码块背景色*/
}

可通过devtools调试来选择 通过devtools调试来选择

开发

原则

Todo