博客园资料

本文主要介绍博客园资料 方法和在新技术下所面对的“挑战”,方便大家深入理解博客园资料 过程。本文也将分享博客园资料 所遇到的问题和应对策略,怎么解决怎么做的问题。
通过深入本文可以理解代码原理,进行代码文档的下载,也可以查看相应 Demo 部署效果。

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

博客园 e x T

特性

  • 高度还原next-theme
  • 响应式设计
  • 支持目录、阅读进度
  • 论文规范排版、衬线字体
  • 与博客园既有特性融合
  • 代码高亮选用github风格
  • 优化评论区、上下文切换

预览

截图

博客园
博客园

样例

博客园 <=> hexo

选型

为什么选择博客园”>为什么选择博客园

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

为什么选择next-themepisces”>为什么选择next-theme(Pisces)

  • 真正大道至简。很多主题标榜极简、专注阅读,但往往花样繁多。
  • 可配置、可自定义、可扩展。

使用

打开后台

  1. 选择博客皮肤为custom,勾选禁用模板css,申请js权限
  2. 将三个文件内容分别复制入相应区域(页首、页尾、定制css)
  3. 在选项中勾选首页仅列出标题与摘要,控件显示勾选公告
  4. 通过随笔写文章,填写摘要标签后发布。
  5. (可选),由于无法在首页获取头像,如需正常显示,手动在foot.html头部配置avatar(可在头像设置上传后右键头像获取链接)
    其他可配置部分如下
  • github:右上角跳转github用户名,默认为本仓库链接
  • author:作者,默认取后台设置
  • siteTitle:网站标题默认取后台设置
  • gallery: 要展示的相册ID(新建相册后在url中获取ID,如1796566)

配置主题色

/*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); /*失效色,无需
博客园资料部分资料来自网络,侵权毕设源码联系删除

区块链毕设网(www.qklbishe.com)全网最靠谱的原创区块链毕设代做网站
部分资料来自网络,侵权联系删除!
资源收费仅为搬运整理打赏费用,用户自愿支付 !
qklbishe.com区块链毕设代做网专注|以太坊fabric-计算机|java|毕业设计|代做平台 » 博客园资料

提供最优质的资源集合

立即查看 了解详情