博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何在github pages中创建自己的Jekyll博客并绑定域名(2018-11-29)
阅读量:4566 次
发布时间:2019-06-08

本文共 2446 字,大约阅读时间需要 8 分钟。

最终效果:

如果喜欢可以直接使用我修改后的主题,github地址(记得star 一下哈)

但是请一定要将我的信息替换成你自己的,另外请不要保留我的博客。

主体来源于:

跟着这个博客教程走:
同时受到了这个博客的很大帮助:

以下部分借鉴

动态鼠标曲线

添加模块canvas-nest.min.js到js目录下 修改layouts/post.html文件在开始添加下面代码

返回顶部

把在rocket.css、signature.css和toc.css下载到css的目录下,然后在 include目录下的head.html文件的头部添加下面代码:

把在totop.js和toc.js下载到js的目录下,然后在include目录下的footer.html的最后添加下面代码:

显示站点访问总量

具体教程参考:

添加CSDN博客

在_config.yml用户名那里添加一栏:CSDN_username: u013834525

_includes/sns-links.html中对应位置(其他网站账户附近)添加

{% if site.CSDN_username %}    
  • C
  • {% endif %}

    以下部分借鉴

    百度统计

    直接申请,然后在_config.yml中填写码就行。

    删除friend

    直接将_config.yml中的friend注释了就好。

    修改网站图标

    在博客img目录下找到并替换favicon.ico这个图标即可,图标尺寸为32x32。

    增加Gitalk评论功能

    参考

    以及官网

    以下是我自己的一些更改

    删除portolio

    根据的说法,只要直接删除文件夹即可

    增加搜索栏

    另外我修改了搜索栏的位置,放到了右上方。只需要修改增加到_includes/footer.html中设置位置的px值即可。

    删除标题前的#

    只需要删除_layouts/post.html中189行的icon中的#即可,应该可以修改成任意值。

    修改文章列表中的排序

    原来只是按照年份排序的,我增加了月份。修改archive.html中59行为

    {%- assign _currentdate = _article.date | date: '%Y-%m' -%}

    并且每篇文章我也增加了日期,在副标题下添加这一句

    导航栏分级标题

    根据来修改的。找到css目录下的hux-blog.min.css,不知道为什么我的sublime显示这个文件只有一行,很长的一行。我尝试过在一些网站恢复格式,但是保存后导致网页显示有问题。最后就只能在这个只有很长一行的文件中搜索到相应位置修改。

    这里需要注意的是,如果想h1、h2等都不同,需要删除逗号,要注意格式~~~

    更改最底下的作者链接

    貌似链接到作者的github获取star数,加载网页会比较花时间,我就直接删除了,并修改了一下下。主要修改都在_includes/footer.html

    修改About中只留下中文自我介绍

    主要修改about.html。删除了<!-- Language Selector --><!-- English Version -->。最主要要将multilingual: false

    在谷歌、百度搜索引擎中登记自己的网站

    自己刚建的网站别人是搜索不到的,搜索引擎的爬虫不会这么快爬到你的网站,但是你可以在谷歌和百度中进行登记,这样可以加快进程(也要等几天)。

    要查看自己的网站是否已经被某个搜索引擎收录,可以在搜索框中输入:site:https://haoqchen.github.io/
    登记方法:

    • Google网站站长。在这里添加资源,并按要求验证即可。我是选择了第一个,下载html文件,然后放在主目录下(跟archive同一目录)。我不会用什么sitemap,就很蠢地一篇篇博客提交给Google去抓取,地址在旧版Search Console->抓取>Google抓取工具。添加每一篇的地址,然后点抓取,然后点请求编入索引(最好抓取一篇请求一篇,而且一次不要提交太多,隔天吧,我的请求到后面出现错误,不知道为什么)。这样你的博客就能出现在site:https://haoqchen.github.io/中了,也可以直接在Google中搜索到了。
    • 。百度也有要验证网站的~~~我忘了当时是怎么进去的了。(github禁止了百度的爬虫,所以怎么设置,百度都不可能搜索到博客的。需要另外搞。)

    安装本地调试

    gem版本太低,更新步骤太复杂,放弃了。

    域名

    尝试买了一个域名,想让百度搜索引擎能爬到,然后在coding.me上也弄一个类似github pages的,,最后放弃。目前域名全部重定向到给github pages,但github.io的域名就不能用了~~~~而且登记搜索引擎等等这些又要重新弄,很烦。

    • 。百度搜索引擎太垃圾,coding.me连本ReadMe显示都有问题,不想浪费时间了,让它去抓取CSDN吧,在CSDN上发布一篇好了。

    谷歌分析

    在官网创建账号和地址什么的,然后将ID填到_config.yml的ga_track_id:就好。

    @TODO

    • 专栏
    • 能不能将给博客的点赞重定向到给github点赞

    建议

    • 多看github中的issue,很多问题其实别人都遇到过了,有些甚至给出了解决方法。
    • 域名建议去阿里云的万网买。。。。百度的解析只有自己的百度搜索引擎,真的坑。
    • 如果更新了域名,记得重新申请一下Gitalk的ClientID,不然无法评论

    转载于:https://www.cnblogs.com/HaoQChen/p/11048595.html

    你可能感兴趣的文章
    PeekMessage
    查看>>
    html中表格table的内容居中显示
    查看>>
    Ubuntu 中软件的安装、卸载以及查看的方法总结
    查看>>
    Visual Studio 2013 无法启动 IIS Express 的解决办法
    查看>>
    MVC Ajax.BeginForm 实例
    查看>>
    选择结构if
    查看>>
    手机版网页全屏
    查看>>
    SqlServer数据库大型应用解决方案总结
    查看>>
    windows service创建使用整合
    查看>>
    如何用js获取浏览器URL中查询字符串的参数
    查看>>
    Visual Studio VS如何重置所有设置
    查看>>
    倍福TwinCAT(贝福Beckhoff)基础教程 松下驱动器试运行提示过速度保护怎么办
    查看>>
    C#.NET常见问题(FAQ)-如何修改代码字体
    查看>>
    ajax跨域传输(jsonp格式)
    查看>>
    创建你的第一个Composer/Packagist包
    查看>>
    php.ini中extension默许的地址到底在哪里设置的
    查看>>
    【转】单片机为什么叫单片机
    查看>>
    线段树
    查看>>
    Haskell打印三角形
    查看>>
    Python_字符串格式化
    查看>>