MENU

增加 Archive、绑定域名以及向谷歌提交网站 | Blog 折腾小记(1)

September 16, 2018 • Read: 59 • 笔记•记录

本文若有失效或者错误内容请留言或者通过其他方式联系我,尽可能及时更新。

欢迎关注不怎么更新的 TG 频道


前言

心血来潮,想通过Github Pages弄个个人博客,从别人的网站上无意看到了 利用 GitHub Pages 快速搭建个人博客 这篇文章,然后就动手试了下,算是基本成功了。感谢qiubaiying提供的教程和Huxpro写的模板。

本文主要记录下自己瞎折腾的archive 界面绑定域名谷歌收录问题。

增加 Archive

看到别人的博客里面一般都有归档和分类等页面,分类倒是无所谓,标签就可以了。但是归档倒是挺想弄一个的,可以按时间顺序看下自己发的文章。所以就谷歌搜了下教程,不是很懂,折腾了会,最后找到了 Huxpro 的github里的一个issue,解决了问题。 感谢BruceZhaoR提供的代码。

编写一个archive.html 文件放在根目录下,代码如下:

---
layout: page 
title : Archives
description: "冰冻三尺,非一日之寒。"
header-img: "img/archive-bg.jpg"
---

    {% for post in site.posts  %}
        {% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
        {% capture this_month %}{{ post.date | date: "%B" }}{% endcapture %}
        {% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
        {% capture next_month %}{{ post.previous.date | date: "%B" }}{% endcapture %}
    
        {% if forloop.first %}
        <legend id="{{this_year}}-{{this_month}}">{{this_year}} {{this_month}}</legend>
        <ul>
        {% endif %}
    
        <li><span>{{ post.date | date: "%F" }}</span> &raquo; <a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></li>
    
        {% if forloop.last %}
        </ul>
        {% else %}
        {% if this_year != next_year %}
            </ul>

            <legend id="{{next_year}}-{{next_month}}">{{next_year}} {{next_month}}</legend>
            <ul>
        {% else %}    
            {% if this_month != next_month %}
            </ul>
            <legend id="{{next_year}}-{{next_month}}">{{next_year}} {{next_month}}</legend>
            <ul>
            {% endif %}
            {% endif %}
        {% endif %}
    {% endfor%}
    {% assign posts_collate = nil %}

tilte description header-img 等自己修改成自己需要的。

注意:只在该模板下我自己试验成功了,不确定别的能不能行。

绑定域名

域名在Namecheap买的,用的HE提供的免费 DNS 解析服务。

  1. namecheap 中填写 nameservers(HE 提供)
  2. HE 中填写域名解析

    说明

    • 添加了A记录和CNAME记录(A记录可以不填),name分别是@www;
    • 填写A记录时ip地址可以和我一样,以确保能够开启HTTPS;
    • 注意CNAME填写hostname时需填写为your-repository-name.github.io
  3. GIthub里面填写Custom name

    说明:这样Github会自动生成CNAME文件,当然,你也可以直接编辑CNAME文件,在里面填写你的域名。

  4. 等待 DNS 解析生效,生效后记得在Github里面勾选Enforce HTTPS

    注意:如果你在没有自己的域名前就已经弄过gitalk插件了,那么绑定自己的域名之后记得更新下授权的链接地址(点我直达)。

谷歌收录

为了让自己的网站更快地被搜索引擎收录,可以自己主动向百度和谷歌提交网站。site:your-domain查看自己的网站有没有被收录,例如我的就是,site:https://withdewhua.space

由于Github禁止了百度对Github Pages的抓取,所以只向谷歌提交了网站。

  • 提交站点地图

jekyll官方有生成站点地图的插件,可以去看看相关文档,我用了一个不依赖插件的sitemap.xml,代码如下:

---
layout: null
sitemap:
  exclude: 'yes'
---
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  {% for post in site.posts %}
    {% unless post.published == false %}
    <url>
      <loc>{{ site.url }}{{ post.url }}</loc>
      {% if post.sitemap.lastmod %}
        <lastmod>{{ post.sitemap.lastmod | date: "%Y-%m-%d" }}</lastmod>
      {% elsif post.date %}
        <lastmod>{{ post.date | date_to_xmlschema }}</lastmod>
      {% else %}
        <lastmod>{{ site.time | date_to_xmlschema }}</lastmod>
      {% endif %}
      {% if post.sitemap.changefreq %}
        <changefreq>{{ post.sitemap.changefreq }}</changefreq>
      {% else %}
        <changefreq>monthly</changefreq>
      {% endif %}
      {% if post.sitemap.priority %}
        <priority>{{ post.sitemap.priority }}</priority>
      {% else %}
        <priority>0.5</priority>
      {% endif %}
    </url>
    {% endunless %}
  {% endfor %}
  {% for page in site.pages %}
    {% unless page.sitemap.exclude == "yes" %}
    <url>
      <loc>{{ site.url }}{{ page.url | remove: "index.html" }}</loc>
      {% if page.sitemap.lastmod %}
        <lastmod>{{ page.sitemap.lastmod | date: "%Y-%m-%d" }}</lastmod>
      {% elsif page.date %}
        <lastmod>{{ page.date | date_to_xmlschema }}</lastmod>
      {% else %}
        <lastmod>{{ site.time | date_to_xmlschema }}</lastmod>
      {% endif %}
      {% if page.sitemap.changefreq %}
        <changefreq>{{ page.sitemap.changefreq }}</changefreq>
      {% else %}
        <changefreq>monthly</changefreq>
      {% endif %}
      {% if page.sitemap.priority %}
        <priority>{{ page.sitemap.priority }}</priority>
      {% else %}
        <priority>0.3</priority>
      {% endif %}
    </url>
    {% endunless %}
  {% endfor %}
</urlset>

sitemap.xml文件放在根目录下,在Google Search Console里提交即可。

按页面里面提示操作即可。添加HTML tag时可添加在_includes/head.html中。

帮助谷歌机器人抓取内容页面,填写你要提交的网站文章链接即可。


更新日志

  • 2018-10-04 文中代码用hugoshortcodes呈现;修改部分错误;
  • 2018-11-15 替换失效链接;

> 本文链接:https://10101.io/2018/09/16/Blog_1
> 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可,转载请注明出处。

Last Modified: October 8, 2019
Archives QR Code Tip
QR Code for this page
Tipping QR Code