You've successfully subscribed to 完美的胖达
Great! Next, complete checkout for full access to 完美的胖达
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.
新版本Ghost的其他美化

新版本Ghost的其他美化

. 约 4 分钟读完

换了新版本加重装,很多之前做的工作都消失了,于是找了个时间重新随意美化了下,记录如下:

首先到配置里,进入Membership页面,将Subscribtion access改成Nobody,则页眉里的Login和Sign Up链接都自动消失。

然后进入配置的Navigation页面,新增书评链接为https://wmdpd.com/tag/shu-ping/即可在页眉菜单中新增对应链接,并顺便调整了一下导航栏的顺序。

然后登录主机,cd /var/www/ghost/


修改正文模板:

sudo nano content/themes/nubia/post.hbs

在content内容后新增上下文菜单:

        <div class='o-grid__col'>
          <h4 class='c-related__title'>{{t '下一篇:' }}</h4>
        {{#next_post}}
        {{> "post-card"}}
        {{/next_post}}
        </div>

        <div class='o-grid__col'>
          <h4 class='c-related__title'>{{t '上一篇:' }}</h4>
        {{#prev_post}}
        {{> "post-card"}}
        {{/prev_post}}
        </div>

在share后新增页面访问次数统计。

            {{> share }}
<div align=right id="busuanzi_container_page_pv" style="font-size: 0.9rem">本篇已被阅读&nbsp;<span id="busuanzi_value_page_pv"></span>次</div>

修改页脚模板:

sudo nano content/themes/nubia/partials/footer.hbs

将Tags对应内容替换为:

     {{#get 'tags' limit='all' include='count.posts' order='count.posts desc'}}
        <ul class='menu'>
          {{#foreach tags}}
            <li class='c-nav__item'><a href='{{ url }}'>{{ name }}</a></li>
          {{/foreach}}
        </ul>
      {{/get}}

再将Navigation的格式修改一下:

      <ul class='menu'>
        {{ navigation }}
      </ul>

再将Footer格式改一下:

              &copy; 2018 to {{ date format='YYYY' }} {{ @site.title }} - {{{t "Published with {ghostlink}" ghostlink="<a href=\"https://ghost.org\">Ghost</a>" }}}
本站总计被访问<span id="busuanzi_value_site_pv"></span>次/
<span id="busuanzi_container_site_uv">总访客数&nbsp;<span id="busuanzi_value_site_uv"></span></span>

修改博客卡片文件:

sudo nano content/themes/nubia/partials/post-card.hbs

修改日期格式:

        <time class='c-post-card__date' datetime='{{ date format='YYYY-MM-DD' }}' title='{{ date format='DD MMMM YYYY' }}'>{{ date format='YYYY年 MMM Do' }}</time>

再修改博客标题文件:

sudo nano content/themes/nubia/partials/post-hero.hbs 

同样修改日期格式

          <time datetime='{{ date format='YYYY-MM-DD' }}'>{{ date format='YYYY年 MMM Do' }}</time> .

再修改侧栏卡片文件:

sudo nano content/themes/nubia/partials/sidebar/widget-posts.hbs 

同样修改日期格式

            <time class='c-teaser__date' datetime='{{ date format='YYYY-MM-DD' }}' title='{{ date format='DD MMMM YYYY' }}'>{{ date format='YYYY年 MMM Do' }}</time>

胖达吐槽:以前改一个文件就行了,现在要改这么多日期格式文件,真操蛋。不过不得不说好处也是有的,那就是升级Ghost将不再破坏日期格式显示。


复制生成中文本地化文档并修改:

sudo cp content/themes/nubia/locales/en.json content/themes/nubia/locales/zh-CN.json
sudo nano content/themes/nubia/locales/zh-CN.json

修改中文翻译如下:

  "More Posts": "更多内容",
  "Loading": "正在载入",

  "Recent Posts": "近期更新",
  "Featured Post": "推荐内容",
  "Page Not Found": "无法找到页面",
  "Comments": "点击展开评论(需翻墙)",
  "You might also like": "你可能还会喜欢",
  "You Might Be Interested In": "你可能还会感兴趣",
  "Authors": "作者",
  "Navigation": "导航栏",
  "Newsletter": "Newsletter",
  "Advertise": "广告",
  "Tags": "标签",
  "1 min read": "1 分钟读完",
  "% min read": "约 % 分钟读完",
  "Published with {ghostLink}": "使用 {ghostLink} 发布",

  "Share on Twitter": "分享至 Twitter",
  "Share on Facebook": "分享至 Facebook",
  "Share on LinkedIn": "分享至 LinkedIn",
  "Share on Pinterest": "分享至 Pinterest",
  "Share via Email": "邮件分享",
  "Copy link": "拷贝链接",
  "Link copied to clipboard": "链接已被拷贝至剪贴板",


修改结束后做好收尾工作。

sudo chown ghost:ghost ./content -R
ghost restart

重新访问页面发现访问次数不能正确现实,搜索得知是不蒜子应用超负荷,于是根据这个链接内容所示,将原Code Injection中不蒜子相关内容替换为:

<script async src="https://busuanzi.icodeq.com/busuanzi.pure.mini.js"></script>

重新访问即可发现统计数字能够正常显示了。

先改这么多吧。


本篇已被阅读