标签/分类 "hugo" 下的文章
玩转博客Hugo(三) 博客加工
折腾博客的这些天 这里要说加工,而不是美化,我觉得加工这个词更适合我,我这里主要介绍的都是功能性的加工,附加一些美化的东西,美化并不重要,更重要的是内在的内容和实际的东西,说实话我折腾的了半个多月,每天晚上2点睡觉,但是永远都满足不了自己的新
玩转博客Hugo(二) 发布博客到公网
可以使用的免费空间 彩虹云VPS - https://www.cccyun.net 可以通过VPS部署,支持二级域名。 可以部署动态博客,Typecho,Emblog,Wordpress等 主机在美国,访问比较慢。 VPS通常都需要自己维护,自己部署,维护比较麻烦。 码云 - https://gitee.com/ 可以部署静态页面。 自动
玩转博客Hugo(一) 本地搭建博客
下载博客程序 https://www.gohugo.org/ 配置环境变量PATH E:\software\hugo 新建一个博客网站 hugo new site myblog 出现如下信息就是搭建成功了 Congratulations! Your new Hugo site is created in E:\hugo_test\myblog. Just a few more steps and you're ready to go: 1. Download a theme into the same-named folder. Choose a theme from https://themes.gohugo.io/ or create your own with the "hugo new theme <THEMENAME>" command. 2. Perhaps you want to add some content. You can add single files with "hugo new <SECTIONNAME>\<FILENAME>.<FORMAT>". 3. Start the built-in live server via "hugo server". Visit https://gohugo.io/ for quickstart guide and full documentation.
博客加入漂亮的标签
漂亮的标签展示 1. html代码 <div class="dict"> <p class="pcolor"> <% site.tags.forEach(function(tag) { %> <a href="<%= tag.link %>" style="text-decoration: none"> <%=tag.name %> </a> <% }); %> </p> </div> 2. CSS 代码 .dict {clear:both ;text-align:left;font-size:12px;} .dict a { line-height: 24px; display: inline-block; background: #fff; padding: 2px 11px; margin: 3px 3px 3px 0; border-radius: 5px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .dict a { color: #FFF;text-decoration:none } .dict a:hover { border-radius: 0; text-shadow: #000 1px 1px 1px } .dict .pcolor a:nth-child(8n-7) { background: #8A9B0F } .dict .pcolor a:nth-child(8n-6) { background: #EB6841 } .dict .pcolor a:nth-child(8n-5) { background: #3FB8AF } .dict .pcolor a:nth-child(8n-4) { background: #FE4365 }