使用hugo在gitee上写blog
<p>1. 安装hugo</p><p>1)下载</p>
<p> Hugo Releases,选择<span class="pl-2 flex-auto min-width-0 text-bold">hugo_xxx_Windows-64bit.zip(xxx位版本)。</span></p>
<p><span class="pl-2 flex-auto min-width-0 text-bold">2)设置路径</span></p>
<p><span class="pl-2 flex-auto min-width-0 text-bold">我的电脑-》属性-》高级系统设置-》环境变量</span></p>
<p><span class="pl-2 flex-auto min-width-0 text-bold">在path中加入hugo的解压后的目录。</span></p>
<p><span class="pl-2 flex-auto min-width-0 text-bold">例如:</span></p>
<div class="cnblogs_code">
<pre>D:\program\hugo_0.<span style="color: rgba(128, 0, 128, 1)">92.0</span></pre>
</div>
<p> </p>
<p>2. 使用hugo</p>
<p>1)生成站点</p>
<p>使用yaml格式</p>
<div class="cnblogs_code">
<pre><span style="text-decoration: line-through">v109-: hugo <span style="color: rgba(0, 0, 255, 1); text-decoration: line-through">new</span> site \gitee\my\blog -f yaml</span></pre>
</div>
<p> v121.2</p>
<div class="cnblogs_Highlighter">
<pre class="brush:html;gutter:true;">hugo new site \gitee\my\blog --format yaml
</pre>
</div>
<p> </p>
<p>2) 生成文章</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 0, 1)">cd gitee\my\blog
hugo </span><span style="color: rgba(0, 0, 255, 1)">new</span> post/first.md</pre>
</div>
<p> </p>
<p>3) 安装皮肤</p>
<p> 例如:我的(hugo-theme-casper)</p>
<div class="cnblogs_code">
<pre>git clone https:<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">github.com/vjeantet/hugo-theme-casper.git</span></pre>
</div>
<p>把克隆下拉的仓库,拷贝到“themes”下。</p>
<p> </p>
<p>4)设置站点配置</p>
<p>hugo.toml(config.toml)</p>
<div class="cnblogs_code">
<pre>baseURL : <span style="color: rgba(128, 0, 0, 1)">https://xiaobin80.gitee.io/blog/</span><span style="color: rgba(0, 0, 0, 1)">
languageCode :</span> <span style="color: rgba(128, 0, 0, 1)">zh-CN</span><span style="color: rgba(0, 0, 0, 1)">
title : </span><span style="color: rgba(128, 0, 0, 1)">我的技术blog</span><span style="color: rgba(0, 0, 0, 1)">
theme : </span><span style="color: rgba(128, 0, 0, 1)">hugo-theme-casper</span><span style="color: rgba(0, 0, 0, 1)">
publishdir : </span><span style="color: rgba(128, 0, 0, 1)">../blog</span><span style="color: rgba(128, 0, 0, 1)"><br></span></pre>
</div>
<p> </p>
<p>3. 发布</p>
<p>1)clone gitee</p>
<div class="cnblogs_code">
<pre>git clone https:<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">gitee.com/xiaobin80/blog.git</span></pre>
</div>
<p> 把这个仓库放到,之前我们生成的“gitee”目录。</p>
<p> </p>
<p>2)publish</p>
<div class="cnblogs_code">
<pre>hugo</pre>
</div>
<p> </p>
<p>注意:在发布的时候,我们的文章中的“draft=true”要去掉!</p>
<p> </p>
<p>4.提交并更新</p>
<p>1)提交我们的仓库代码,具体操作见《Git客户端(Windows系统)的使用》</p>
<p>2)在gitee上更新我们的blog</p>
<p><img src="https://img2020.cnblogs.com/blog/359743/202004/359743-20200407031909703-423684801.png" alt=""></p>
<p><img src="https://img2020.cnblogs.com/blog/359743/202005/359743-20200519211921365-1851571376.png" alt=""></p>
<p> </p>
<p> </p>
<p>FAQ: 皮肤使用语法的改变</p>
<p>1. .Hugo.Generator</p>
<p>现在更改为</p>
<div class="cnblogs_code">
<pre>hugo.Generator</pre>
</div>
<p> </p>
<p>2. .<span class="x x-first x-last">URL</span></p>
<p>现在更改为</p>
<div class="cnblogs_code">
<pre>.Permalink</pre>
</div>
<p> </p>
<p>3. .RSSLink</p>
<p>如果是判断里面使用:</p>
<p>更改为:</p>
<div class="cnblogs_code">
<pre>.OutputFormats.Get <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">RSS</span><span style="color: rgba(128, 0, 0, 1)">"</span></pre>
</div>
<p>在链接里使用:</p>
<p>更改为:</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}</span><span style="color: rgba(128, 0, 0, 1)">'</span></pre>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>参考文档:</p>
<p> 1. https://www.gohugo.org/</p>
<p> </p><br><br>
来源:https://www.cnblogs.com/xiaobin-hlj80/p/12651114.html
頁:
[1]