Skip to content

My Blog💄,这是我Fork FeDemo的利用 GitHub Pages 与 Jekyll 搭建的个人博客。

License

Notifications You must be signed in to change notification settings

huijingfei/huijingfei.github.io

 
 

Repository files navigation

这是我Fork FeDemo的利用 GitHub Pages 与 Jekyll 搭建的个人博客。 从零开始,手把手教学,请参考FeDemo项目主页
该博客模板来自Hux修改的Clean Blog
添加了搜索及Gitalk评论插件以及按时间归档
本教程参考自BY

补充添加谷歌分析,Google Search Console

博客访客分析

原博客模板作者使用的是百度分析,谷歌分析原模板对应的是旧版Universal Analytics。新版GA4设置如下:

修改_includes文件夹下的head.html文件

在末尾后边加上自己的谷歌分析代码

谷歌自然流量使用Google Search Console

在head.html文件中找到如下代码,更换为自己的代码

上边的代码必须在Search Console中添加资源时,选择网址前缀。如果有自己购买的域名,则可以使用网域的方法添加。

以下为原作者模板百度分析部分:

集成了Baidu AnalyticsGoogle Analytics,到各个网站注册拿到track_id替换下面的就可以了.
不要用我的ba_track_id!

# Analytics settings
# Baidu Analytics
ba_track_id: ef224c004e9c327ca58d50ed4501cb99  #统计账号id(不要用我的`ba_track_id`!)

# Google Analytics
# ga_track_id: 'UA-90855596-1'  # UA字样的旧版Universal Analytics谷歌已不再支持,新版本为G开头的GA4, 添加方法见上文。
# ga_domain: auto

我用的是百度的统计网站,大概是这样

如果觉得不需要的话,注释掉就好了.最后重要的事说3遍,不要用我的ba_track_id!

文章的格式

每一篇文章文件命名采用的是2017-02-04-Hello-2017.md时间+标题的形式,空格用-替换连接。

文件的格式是 .mdMarkDown 文件。

我们的博客文章格式采用是 MarkDown+ YAML 的方式。

YAML 就是我们配置 _config文件用的语言。

MarkDown 是一种轻量级的「标记语言」,很简单。花半个小时看一下就能熟练使用了

这是页头的格式

---
layout:     post                  #不要管他
title:      从零开始的博客生涯     #标题
subtitle:   blog_re0              #别名,简介,标题下面的那一行字
date:       2017-12-08            #发表时间
author:     Fe                    #作者
header-img: img/post-bg-rwd.jpg   #背景图片
catalog: true                     #导航目录,不要管他
original: true                    #是否原创申明
tags:                             #标签,可以有多个
    - Blog
    - demo
---

按格式创建文章后,提交保存。进入你的博客主页,新的文章将会出现在你的主页上.

为GitHub Pages博客添加Facebook Messenger Chat Plugin聊天插件,支持访客对话。

🛑在Meta Business Suite收件箱中点击小齿轮,查看所有设置。

🛑选择Chat Plugin,点击Setup,选择Standard标准代码,复制代码。

🛑将代码粘贴到_includes文件夹下的head.html文件中,这一步类似谷歌分析GA4代码设置。

About

My Blog💄,这是我Fork FeDemo的利用 GitHub Pages 与 Jekyll 搭建的个人博客。

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 45.4%
  • JavaScript 34.0%
  • CSS 13.9%
  • Less 6.7%