hexo发布到gitee和github上及主题优化
<h4 id="发布到github">发布到github</h4><ol>
<li>创建仓库,名称为用户名.github.io(这里由于我已经有了)<br>
<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323135729.png" alt="" loading="lazy"></li>
<li>复制克隆地址(ssh的方式)<br>
<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323140309.png" alt="" loading="lazy"></li>
<li>站点配置文件修改,在下方新建一个站点,格式如下<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323140443.png" alt="" loading="lazy"></li>
<li>保存站点配置文件,清理,生成,发布即可</li>
<li>会提示你输入github的账号密码<br>
可以将我们上篇的id_rsa.pub复制github的ssh密钥中</li>
</ol>
<h4 id="发布到gitee">发布到gitee</h4>
<ol>
<li>新建仓库,仓库名称为个人用户名--*<strong>切记语言选择JavaScript</strong><br>
<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323144420.png" alt="" loading="lazy"></li>
<li>到仓库复制仓库克隆地址(ssh)</li>
<li>修改配置文件,添加站点<br>
<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323145135.png" alt="" loading="lazy"></li>
<li>保存站点配置文件,清理,生成,发布即可</li>
<li>会提示你输入github的账号密码<br>
可以将我们上篇的id_rsa.pub复制github的ssh密钥中</li>
</ol>
<h4 id="next主题配置">next主题配置</h4>
<ol>
<li>克隆下next主题并更改站点主题为next
<ol>
<li>在站点目录下git bash <code>git clone git@github.com:theme-next/hexo-theme-next.git themes/next</code></li>
<li>修改站点配置文件 <code>theme: next</code><img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323150732.png" alt="" loading="lazy"></li>
<li>清理生成启动看一下基本样式<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323150933.png" alt="" loading="lazy"></li>
</ol>
</li>
<li>配置
<ol>
<li>配置中文,站点名称作者(站点配置文件,language字段)<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323151305.png" alt="" loading="lazy"></li>
<li>改变样式(主题配置文件中schemes属性)<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323151629.png" alt="" loading="lazy"></li>
<li>配置菜单(在主题配置文件中)<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323152316.png" alt="" loading="lazy">在站点目录下git bash<code>hexo new page tags&&hexo new page categories&&hexo new page about</code></li>
<li>添加头像并配置 目录为theme/next下的source目录<br>
<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323153947.png" alt="" loading="lazy"></li>
<li>显示文章摘要显示阅读全文,在文章中添加<code><!--more--></code>即可<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323161951.png" alt="" loading="lazy"></li>
<li>修改网站图标<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323162700.png" alt="" loading="lazy"></li>
<li>博客总访问量,将busuanzi_count的enable改为true<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323162847.png" alt="" loading="lazy"></li>
<li>本地搜索
<ol>
<li>在站点目录下安装hexo-generator-search<code>cnpm install hexo-generator-search --save</code></li>
<li>在主题配置文件中将local_search的enable改为true</li>
<li>在站点配置文件中添加(注意缩进)<pre><code># 本地搜索
search:
path: search.xml
field: post
format: html
limit: 100
</code></pre>
</li>
<li>最终结果<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323171202.png" alt="" loading="lazy"></li>
</ol>
</li>
<li>rss订阅
<ol>
<li>在站点根目录下安装插件<code>cnpm install hexo-generator-feed --save</code></li>
<li>配置站点配置文件(注意缩进)<pre><code># rss 订阅
feed:
type: atom
path: atom.xml
limit: 20
hub:
content:
content_limit: 140
content_limit_delim: ' '
order_by: -date
icon: icon.png
autodiscovery: true
template:
</code></pre>
</li>
<li>主题配置文件,将rss注释<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200323173001.png" alt="" loading="lazy"></li>
<li>成果<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200324083637.png" alt="" loading="lazy"></li>
</ol>
</li>
<li>添加版权声明
<ol>
<li>在主题配置文件中将creative_commons的post属性改为true)<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200324084402.png" alt="" loading="lazy"></li>
<li>本文作者和本文链接在站点配置文件site属性的uthor和url属性<img src="https://raw.githubusercontent.com/JaminYe/blogImages/master/img/20200324085038.png" alt="" loading="lazy"></li>
</ol>
</li>
</ol>
</li>
</ol>
<h4 id="参考资料">参考资料</h4>
<p>hexo的next主题个性化配置教程</p>
<p>Hexo框架下用NexT(v7.0+)主题美化博客</p>
</div>
<div id="MySignature" role="contentinfo">
<div>作者: JaminYe</div>
<div>出处:https://www.cnblogs.com/JaminYe/p/12589077.html/</div>
<div>版权声明:本文原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 </div><br><br>
来源:https://www.cnblogs.com/JaminYe/p/12589077.html
頁:
[1]