【其他】去掉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设置页,看到审核通过了,还挺快的,好开心。

版权声明:原创的,转载请顺便写上出处。 https://blog.csdn.net/yingpaixiaochuan/article/details/77113397

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

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

Coding Pages 搭建个人网站

  跟github一样,静态 Coding Pages 分为『用户 Pages』与『项目 Pages』两种类型。不同的 Pages 类型在访问链接与部署来源上存在差异。 Coding Pa...
  • qq_36667170
  • qq_36667170
  • 2018年02月12日 20:24
  • 106

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

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

hexo取消Coding Pages跳转页

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

基于Hexo+GitHub Pages 搭建博客详细教程

摘要 :这是一篇有关如何使用Github Pages和Hexo搭建自己独立博客的详尽教程,里面介绍了如何使用和配置Hexo框架,如何将Hexo部署到自己的Github项目中,域名注册,以及域名的绑定等...
  • u011974987
  • u011974987
  • 2016年05月06日 17:13
  • 7864

hexo博客同时部署至github和Coding

前段时间搭建了hexo 博客,并将其部署至github。页面地址为cyang812.github.io,链接在此搭建教程在这:hexo搭建教程当时只是将博客部署至github,后来发现有时候上gith...
  • u011303443
  • u011303443
  • 2016年05月26日 22:29
  • 4200

[博客搬迁]本博客搬迁至Hexo独立博客+Coding Pages

感谢大家对我的支持,本博客不再使用,全面搬迁至Coding Pages(Hexo搭建),传送门。...
  • Bill_Yang_2016
  • Bill_Yang_2016
  • 2017年11月26日 12:40
  • 240

hexo部署到coding乱码

把hexo部署到coding上乱码 网上关于部署到coding和github上的代码都很多,不过关于coding的教程都有点问题.导致访问首页会乱码,其他页面无路径.这是地址的问题. 原因是在于仓...
  • u012222078
  • u012222078
  • 2017年12月27日 09:54
  • 122

Hexo博客部署codingNet静态资源无法加载

用Hexo搭建的个人博客,部署到github的pages的话,好像百度搜索不到。所以在国内的codingNet的pages服务也一起部署一下,这样方便国内国外搜索引擎收录进来。具体部署教程我是参考这里...
  • longzhiwuing
  • longzhiwuing
  • 2017年03月29日 15:33
  • 1090

hexo+github打造个人博客系列之Coding Pages去广告

尴尬的广告 大家应该可以看到,在第一次以自定义域名访问Coding Pages时,会有一个跳转广告。是不是很尴尬?经查阅官方说明,得知原因。 银牌会员的 Coding Pages 在访问时默...
  • weixin_41196185
  • weixin_41196185
  • 2018年02月02日 21:34
  • 66
收藏助手
不良信息举报
您举报文章:【其他】去掉Coding Pages的欢迎页之Hosted by Coding Pages,我的是Hexo的Next主题
举报原因:
原因补充:

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