【其他】去掉Coding Pages的欢迎页之Hosted by Coding Pages,我的是Hexo的Next主题

原创 2017年08月12日 11:46:53

首先必须把Coding Pages升级为银牌会员(免费),其实就是补全个人资料罢了。

然后在Page服务中才会出现Hosted by Coding Pages设置项,如下图。

有两种方式来去掉欢迎页,一种是文字,一种是图片,我一看图片是300*300,感觉有点大,并且是方形的,不知道放哪比较好,最后还是选择了文字,就是下边这一行代码。

<p>Hosted by <a href="https://pages.coding.me" style="font-weight: bold">Coding Pages</a></p>

结合Hexo的Next主题,我心中理想的效果是这样,与原有的3块配合,上边两块,下边两块:

但是,如果用官方建议的p标签,效果立马就丑哭了。

p标签带的行间距(不知道叫法对不对)太暴力了,空了一行,好丑。果断放弃p标签,改成span标签,“强力驱动”和“主题”两个字之间的竖线也挺好看的,copy一下,最后效果就是这样,自我感觉还好,就是不知道Coding官方能不能审核通过,希望我这么优美的布局能打动他们的审核。

最后把修改的footer代码贴出来,其实我只加了3行,另外,这个footer文件的位置在:

你的Hexo文件夹\themes\next\layout\ _partials\footer.swig

">  {% set current = date(Date.now(), "YYYY") %}
  © {% if theme.since and theme.since != current %} {{ theme.since }} - {% endif %}
  <span itemprop="copyrightYear">{{ current }}</span>
  <span class="with-love">
    <i class="fa fa-{{ theme.authoricon }}"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">{{ config.author }}</span>
  <!--以下3行为一条竖线和Coding Page-->
  <div class="powered-by">  
  </div>
  <span>Hosted by <a href="https://pages.coding.me" style="font-weight: bold">Coding Pages</a></span>
</div>

{% if theme.copyright %}
<div class="powered-by">
  {{ __('footer.powered', '<a class="theme-link" href="https://hexo.io">Hexo</a>') }}
</div>

<div class="theme-info">
  {{ __('footer.theme') }} -
  <a class="theme-link" href="https://github.com/iissnan/hexo-theme-next">
    NexT.{{ theme.scheme }}
  </a>
</div>
{% endif %}

补充:
2017/08/14:一个工作日过去了,我来到Coding Pages设置页,看到审核通过了,还挺快的,好开心。

版权声明:原创的,转载请顺便写上出处。

hexo取消Coding Pages跳转页

Coding银牌会员的 Coding Pages 在访问时默认会先加载 Pages 跳转页,需要在网站首页任意位置放置「Hosted by Coding Pages」的文字版,才能取消跳转页。找到 站...
  • ganzhilin520
  • ganzhilin520
  • 2018年01月12日 18:31
  • 66

新的开始---通过Coding-Pages迅速搭建自己的免费博客

引言: 之前在BAE上搭建过基于ZBlog和WordPress的博客,效果也都不错成本也比较低。但是我其实不是经常写博客的,而且我觉得ZBlog和WordPress的功能也比较复杂,对我而言有...
  • w0612w
  • w0612w
  • 2016年03月13日 20:27
  • 6896

Hexo+Coding博客的安装和使用

之前一直在CSDN上面写博客,思虑了很久,终于还是忍不住想自己搭建一个博客。想过使用 wordpress,需要找一个免费的主机确实又是个麻烦事。所以静态博客会是个好的选择。...
  • Lancelot_Lewis
  • Lancelot_Lewis
  • 2016年04月30日 17:28
  • 1986

hexo next主题去掉码市的Coding Pages等待页

简介本文介绍去除码市的Coding Pages的等待跳转页的方法,采用hexo的next主题5.1.2版本. 1.升级银牌会员完善信息就ok,这一步是必须的。2.修改footer.swig找到主题下...
  • yanzi1225627
  • yanzi1225627
  • 2017年09月08日 07:41
  • 1103

Hexo-用自己的页面做首页

Demo见:https://jacklightchen.github.io/ 然后具体步骤请见: https://jacklightchen.github.io/blog/2016/10/27/Hex...
  • czh199638
  • czh199638
  • 2016年10月27日 20:07
  • 2129

hexo+github教程之三:hexo next主题配置

到了这一步,相信你们都已经搭建好hexo博客,以及配置好github。下面开始讲解hexo主题配置。在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml。 其中,一份位于站点根目录...
  • u012443858
  • u012443858
  • 2017年03月08日 00:49
  • 1740

Apollo配置中心

 nobodyiam's blog 关于 Apollo配置中心介绍 2016年 07月 09日 1、What is Apollo ...
  • zhangbin666
  • zhangbin666
  • 2017年10月08日 10:06
  • 1199

用Hexo-GithubPages-CodingPages搭建自己的个人博客

本博文最初发表在博主个人博客上,可以点击这里阅读。 首先声明:这并不是一篇教程。 这不是一篇教程,原因有4个: 博主太懒了,而且文笔也很差。 写教程需要把之前的过程再过一遍,博主没有时间也没有耐心...
  • summy_J
  • summy_J
  • 2017年09月05日 10:19
  • 357

使用GitHub Pages + Hexo 快速搭建个性化博客(七)-编辑博文

完整的GitHub Pages + Hexo 博客之前已经有部署完成,关于发表博文也有提到过,但只是作为测试效果使用的流程,经过最近亲身实践发布了几篇博文,有几点注意情况特意来记录一下。...
  • qq_23435721
  • qq_23435721
  • 2016年04月01日 12:09
  • 661

【其他】去掉Coding Pages的欢迎页之Hosted by Coding Pages,我的是Hexo的Next主题

首先必须把Coding Pages升级为银牌会员(免费),其实就是补全个人资料罢了。然后在Page服务中才会出现Hosted by Coding Pages设置项,如下图。有两种方式来去掉欢迎页,一种...
  • yingpaixiaochuan
  • yingpaixiaochuan
  • 2017年08月12日 11:46
  • 1543
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【其他】去掉Coding Pages的欢迎页之Hosted by Coding Pages,我的是Hexo的Next主题
举报原因:
原因补充:

(最多只允许输入30个字)