90
90
< meta property ="og:url " content ="https://maxchendt.github.io/Blog/20161007NextSet.html ">
91
91
< meta property ="og:site_name " content ="灯塔 · 随记随想 ">
92
92
< meta property ="og:description " content ="本博文讨论 NexT 主题的改造: 主题配置文件的个性化修改;CSS 定制段落首行缩进等;以及 JavaScript 实现 MathJax, 侧边栏的便捷关闭, 标题自动编号, 特定段落首行不缩进, 和脚注 tip 显示。 ">
93
- < meta property ="og:updated_time " content ="2016-10-13T01:14:42.521Z ">
93
+ < meta property ="og:updated_time " content ="2016-10-14T07:21:13.992Z ">
94
94
< meta name ="twitter:card " content ="summary ">
95
95
< meta name ="twitter:title " content ="NexT 主题私人定制 ">
96
96
< meta name ="twitter:description " content ="本博文讨论 NexT 主题的改造: 主题配置文件的个性化修改;CSS 定制段落首行缩进等;以及 JavaScript 实现 MathJax, 侧边栏的便捷关闭, 标题自动编号, 特定段落首行不缩进, 和脚注 tip 显示。 ">
142
142
143
143
144
144
145
-
146
145
147
146
148
147
@@ -395,9 +394,15 @@ <h2 id="css-定制">CSS 定制</h2>
395
394
< p > 此外,NexT 主题的定制中,我们还修改了</ p >
396
395
< ul >
397
396
< li > 链接的颜色,默认的有点暗淡,改为鲜明一些的</ li >
398
- < li > < a href ="/Blog/20160907HexoSet.html#youtube-视频 "> youtube 视频</ a > :让 Youtube iframe< a href ="#fn3 " class ="footnoteRef " id ="fnref3 "> < sup > 3</ sup > </ a > 不 Responsive,而使用 < code > {% youtube RiF6m3InMRM %} </ code > 则根据屏幕大小自动调整视频框大小。甚至是图文环绕 < iframe style ="float: right;position: relative;right 50%;text-align: left; " width ="320 " height ="180 " src ="https://www.youtube.com/embed/RiF6m3InMRM " frameborder ="0 " allowfullscreen > </ iframe > </ li >
397
+ < li > < a href ="/Blog/20160907HexoSet.html#youtube-视频 "> youtube 视频</ a > :让 Youtube iframe< a href ="#fn3 " class ="footnoteRef " id ="fnref3 "> < sup > 3</ sup > </ a > 不 Responsive,而使用 < code > {% raw %} {% youtube RiF6m3InMRM %} {% endraw %} </ code > 则根据屏幕大小自动调整视频框大小。甚至是图文环绕 < iframe style ="float: right;position: relative;right 50%;text-align: left; " width ="320 " height ="180 " src ="https://www.youtube.com/embed/RiF6m3InMRM " frameborder ="0 " allowfullscreen > </ iframe > </ li >
399
398
< li > < a href ="/Blog/20160907HexoSet.html#read-more-按钮 "> Read More 按钮</ a > :由 < code > description</ code > 字段提供简介时, 增加段落首行缩进</ li >
400
399
</ ul >
400
+ < h2 id ="完整定制 "> 完整定制</ h2 >
401
+ < p > 本节是后来 (2016-10-14 11:00) 补充的,目的是简化整个定制的实现。现在,只需要执行</ p >
402
+ < pre > < code > ./initHexo.sh</ code > </ pre >
403
+ < p > ooNoIndent00将完成整个配置过程:初始化 hexo 目录, 改造架构设置 (pandoc 渲染器, Sitemap 配置, 架构配置),以及定制 NexT 主题设置。请注意,文件相对位置如下</ p >
404
+ < figure class ="highlight plain "> < table > < tr > < td class ="gutter "> < pre > < div class ="line "> 1</ div > < div class ="line "> 2</ div > < div class ="line "> 3</ div > < div class ="line "> 4</ div > < div class ="line "> 5</ div > < div class ="line "> 6</ div > < div class ="line "> 7</ div > < div class ="line "> 8</ div > < div class ="line "> 9</ div > < div class ="line "> 10</ div > < div class ="line "> 11</ div > < div class ="line "> 12</ div > < div class ="line "> 13</ div > < div class ="line "> 14</ div > < div class ="line "> 15</ div > </ pre > </ td > < td class ="code "> < pre > < div class ="line "> ├── deploy.sh</ div > < div class ="line "> ├── fix</ div > < div class ="line "> │ ├── HexoLandscape</ div > < div class ="line "> │ ├── HexoNext</ div > < div class ="line "> │ └── HexoSite</ div > < div class ="line "> ├── hexo</ div > < div class ="line "> │ ├── _config.yml</ div > < div class ="line "> │ ├── db.json</ div > < div class ="line "> │ ├── node_modules</ div > < div class ="line "> │ ├── package.json</ div > < div class ="line "> │ ├── public</ div > < div class ="line "> │ ├── scaffolds</ div > < div class ="line "> │ ├── source</ div > < div class ="line "> │ └── themes</ div > < div class ="line "> └── initHexo.sh</ div > </ pre > </ td > </ tr > </ table > </ figure >
405
+ < p > ooNoIndent00也就是说,< a href ="/files/HexoSite.tar.xz "> HexoSite.tar.xz</ a > 和 < a href ="/files/HexoNext.tar.xz "> HexoNext.tar.xz</ a > 要解压到 < code > ./fix/</ code > 目录下。否则,请自行修改 < a href ="/files/initHexo.sh "> initHexo.sh</ a > 脚本.</ p >
401
406
< hr >
402
407
< p > < strong > 后言</ strong > </ p >
403
408
< p > “百闻不如一见,百见不如一做”,是啊,做的过程会有更真切的体验。今天发现,这“一做”又不如“一博”,什么意思呢?< code > fixNext.sh</ code > 代码写完了,也测试了,再通过写博文进行整理总结,还是能看到一些细节问题,进行修复和提升。</ p >
@@ -406,7 +411,7 @@ <h2 id="css-定制">CSS 定制</h2>
406
411
< p > 还有一点,我对我现在的博客网站挺满意的。有人看了有点羡慕和惊叹,其实不必,只需要半个月的时间,就从门外汉到做出这样的博客网站了。时间真的只需要两星期,但更需要的,是开放的心态和常驻的好奇心,敢于了解新知识,不让自己停留在< a href ="https://zh.wikipedia.org/wiki/%E8%88%92%E9%80%82%E5%8C%BA " target ="_blank " rel ="external "> 心理舒适区</ a > 的勇气,从而与时俱进,持久弥新。其实,我学习新知识,以及思考有疑问的知识点时,研究起来内心总是愉悦的。</ p >
407
412
< hr >
408
413
< p > < strong > 更新历史</ strong > < br >
409
- 2016-10-12 20:49 添加配套视频,启用 Google Analytics< br >
414
+ 2016-10-14 11:16 增加完整定制小节 2016-10- 12 20:49 添加配套视频,启用 Google Analytics< br >
410
415
2016-10-07 19:35 初稿</ p >
411
416
< div class ="footnotes ">
412
417
< hr >
@@ -580,7 +585,7 @@ <h2 id="css-定制">CSS 定制</h2>
580
585
581
586
582
587
583
- < div class ="post-toc-content "> < ol class ="nav "> < li class ="nav-item nav-level-2 "> < a class ="nav-link " href ="#主题配置修改 "> < span class ="nav-number "> 1.</ span > < span class ="nav-text "> 主题配置修改</ span > </ a > </ li > < li class ="nav-item nav-level-2 "> < a class ="nav-link " href ="#javascript-定制 "> < span class ="nav-number "> 2.</ span > < span class ="nav-text "> JavaScript 定制</ span > </ a > < ol class ="nav-child "> < li class ="nav-item nav-level-3 "> < a class ="nav-link " href ="#mathjax "> < span class ="nav-number "> 2.1.</ span > < span class ="nav-text "> MathJax</ span > </ a > </ li > < li class ="nav-item nav-level-3 "> < a class ="nav-link " href ="#侧边栏的关闭 "> < span class ="nav-number "> 2.2.</ span > < span class ="nav-text "> 侧边栏的关闭</ span > </ a > </ li > < li class ="nav-item nav-level-3 "> < a class ="nav-link " href ="#章节编号 "> < span class ="nav-number "> 2.3.</ span > < span class ="nav-text "> 章节编号</ span > </ a > </ li > < li class ="nav-item nav-level-3 "> < a class ="nav-link " href ="#特定段落不缩进 "> < span class ="nav-number "> 2.4.</ span > < span class ="nav-text "> 特定段落不缩进</ span > </ a > </ li > < li class ="nav-item nav-level-3 "> < a class ="nav-link " href ="#弹出-tip-显示脚注 "> < span class ="nav-number "> 2.5.</ span > < span class ="nav-text "> 弹出 tip 显示脚注</ span > </ a > </ li > < li class ="nav-item nav-level-3 "> < a class ="nav-link " href ="#google-analytics "> < span class ="nav-number "> 2.6.</ span > < span class ="nav-text "> Google Analytics</ span > </ a > </ li > </ ol > </ li > < li class ="nav-item nav-level-2 "> < a class ="nav-link " href ="#css-定制 "> < span class ="nav-number "> 3.</ span > < span class ="nav-text "> CSS 定制</ span > </ a > </ li > </ ol > </ div >
588
+ < div class ="post-toc-content "> < ol class ="nav "> < li class ="nav-item nav-level-2 "> < a class ="nav-link " href ="#主题配置修改 "> < span class ="nav-number "> 1.</ span > < span class ="nav-text "> 主题配置修改</ span > </ a > </ li > < li class ="nav-item nav-level-2 "> < a class ="nav-link " href ="#javascript-定制 "> < span class ="nav-number "> 2.</ span > < span class ="nav-text "> JavaScript 定制</ span > </ a > < ol class ="nav-child "> < li class ="nav-item nav-level-3 "> < a class ="nav-link " href ="#mathjax "> < span class ="nav-number "> 2.1.</ span > < span class ="nav-text "> MathJax</ span > </ a > </ li > < li class ="nav-item nav-level-3 "> < a class ="nav-link " href ="#侧边栏的关闭 "> < span class ="nav-number "> 2.2.</ span > < span class ="nav-text "> 侧边栏的关闭</ span > </ a > </ li > < li class ="nav-item nav-level-3 "> < a class ="nav-link " href ="#章节编号 "> < span class ="nav-number "> 2.3.</ span > < span class ="nav-text "> 章节编号</ span > </ a > </ li > < li class ="nav-item nav-level-3 "> < a class ="nav-link " href ="#特定段落不缩进 "> < span class ="nav-number "> 2.4.</ span > < span class ="nav-text "> 特定段落不缩进</ span > </ a > </ li > < li class ="nav-item nav-level-3 "> < a class ="nav-link " href ="#弹出-tip-显示脚注 "> < span class ="nav-number "> 2.5.</ span > < span class ="nav-text "> 弹出 tip 显示脚注</ span > </ a > </ li > < li class ="nav-item nav-level-3 "> < a class ="nav-link " href ="#google-analytics "> < span class ="nav-number "> 2.6.</ span > < span class ="nav-text "> Google Analytics</ span > </ a > </ li > </ ol > </ li > < li class ="nav-item nav-level-2 "> < a class ="nav-link " href ="#css-定制 "> < span class ="nav-number "> 3.</ span > < span class ="nav-text "> CSS 定制</ span > </ a > </ li > < li class ="nav-item nav-level-2 "> < a class ="nav-link " href ="#完整定制 "> < span class ="nav-number "> 4.</ span > < span class ="nav-text "> 完整定制</ span > </ a > </ li > </ ol > </ div >
584
589
585
590
</ div >
586
591
</ section >
0 commit comments