Blog学习

blog.zs.center

目录 post文件列表 分类 静态文件列表 联系 github
| 发布   | 分类 Github博客  | 标签 github  blog  博客 

[TOC]

相关文档

GitHub Pages 快速入门 - GitHub 文档

Github Pages + jekyll 全面介绍极简搭建个人网站和博客 - 知乎 (zhihu.com)

欢迎 - Jekyll • 简单静态博客网站生成器 (jekyllcn.com)

[使用 site.github GitHub 元数据 (jekyll.github.io)](https://jekyll.github.io/github-metadata/site.github/)

模板

[页面主题样式 Supported themes GitHub Pages](https://pages.github.com/themes/)

GitHub Pages themes

Jekyll Themes

Sites · jekyll/jekyll Wiki (github.com)

评论

关于静态博客的评论系统 - 张宸blog - 博客园 (cnblogs.com)

1.github设置

1.1 设置启用page

image-20230510141833802

设置完分支，就可以用这个地址访问了。
默认访问的是 README.md

https://${用户名}.github.io/test.blog/

https://ihaiucom.github.io/test.blog/

image-20230510144645029

访问文件优先级:

index.html > index.md > README.md

1.2 设置自己的域名

image-20230510151106746

image-20230510151233349

配置完会添加一个文件CNAME

image-20230510154924321

https://blog.zs.center

image-20230510154016994

2.用Jekyll来配置生成静态网站框架

2.1 目录结构

目录结构 - Jekyll • 简单静态博客网站生成器 (jekyllcn.com)

|-- blog
    |-- _config.yml -- 全局配置文件 
    |-- _layouts  -- 模板
    |-- _includes   -- 可以重复在其他界面导入的模块
    |-- _data   -- 数据(新版本支持)
    |-- _posts   -- 博客文章
    |-- assets   -- 静态资源
        |-- js
        |-- css
        |-- image
    |-- index.md   -- 首页

2.2 _layouts 模板

image-20230510190623847

image-20230510190944836

image-20230510191047786

image-20230510191206926

image-20230510193142325

image-20230510193308218

2.3 _includes 模块

image-20230510192321365

image-20230510192626315

2.4 _posts 博客文章

常用变量 - Jekyll • 简单静态博客网站生成器 (jekyllcn.com)

image-20230510224004703

显示文章目录

常用变量 - Jekyll • 简单静态博客网站生成器 (jekyllcn.com)

https://blog.zs.center/index-posts/#content

<ul>
  
    <li>
      <a href="/githubblog/">github博客相关介绍</a>
    </li>
  
    <li>
      <a href="/%E7%AC%AC3%E7%AF%87%E5%8D%9A%E5%AE%A2/">第3篇博客</a>
    </li>
  
    <li>
      <a href="/%E7%AC%AC2%E7%AF%87%E5%8D%9A%E5%AE%A2/">第2篇博客</a>
    </li>
  
    <li>
      <a href="/%E7%AC%AC1%E7%AF%87%E5%8D%9A%E5%AE%A2/">系外恒星“北落师门”有3道尘埃环</a>
    </li>
  
    <li>
      <a href="/test_code/">Test_code</a>
    </li>
  
    <li>
      <a href="/test9/">Test9</a>
    </li>
  
    <li>
      <a href="/test8/">Test8</a>
    </li>
  
    <li>
      <a href="/test7/">Test7</a>
    </li>
  
    <li>
      <a href="/test6/">Test6</a>
    </li>
  
    <li>
      <a href="/test5/">Test5</a>
    </li>
  
    <li>
      <a href="/test4/">Test4</a>
    </li>
  
    <li>
      <a href="/test3/">Test3</a>
    </li>
  
    <li>
      <a href="/test2/">Test2</a>
    </li>
  
    <li>
      <a href="/test10/">Test10</a>
    </li>
  
    <li>
      <a href="/test1/">Test1</a>
    </li>
  
    <li>
      <a href="/game_prop/">【临时笔记】属性设计感悟</a>
    </li>
  
    <li>
      <a href="/math_bezier/">【转】贝塞尔曲线的数学原理</a>
    </li>
  
    <li>
      <a href="/math_%E8%A7%A3%E6%96%B9%E7%A8%8B/">数学 解方程</a>
    </li>
  
    <li>
      <a href="/2017-03-29-unity-csharp%E6%95%88%E7%8E%87%E7%AF%87/"></a>
    </li>
  
    <li>
      <a href="/2017-03-29-unity-csharp%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/"></a>
    </li>
  
    <li>
      <a href="/unity-UnityStandardShader%E6%8A%80%E6%9C%AF%E5%88%86%E6%9E%90/">Unity Unitystandardshader技术分析</a>
    </li>
  
    <li>
      <a href="/2017-03-29-unity-ROSky_%E5%9F%BA%E7%A1%80%E6%A6%82%E5%BF%B5/"></a>
    </li>
  
    <li>
      <a href="/ios-objc/">Objective-C 语法笔记</a>
    </li>
  
    <li>
      <a href="/csharp-flatbuffers/">Flatbuffers 使用</a>
    </li>
  
    <li>
      <a href="/unity-%E4%BC%98%E5%8C%96%E6%80%BB%E7%BB%93/">Unity 优化总结</a>
    </li>
  
    <li>
      <a href="/unity-load_android_StreamingAssets/">Unity加载Android里的StreamingAssets里的文件</a>
    </li>
  
    <li>
      <a href="/unity-keystore/">查看keystore的SHA1</a>
    </li>
  
    <li>
      <a href="/AndroidStudio/">AndroidStudio 笔记</a>
    </li>
  
    <li>
      <a href="/xcode-%E9%85%8D%E7%BD%AE%E5%8F%82%E6%95%B0%E8%AF%B4%E6%98%8E/">xcode 配置参数笔记</a>
    </li>
  
    <li>
      <a href="/unity-ios_interactive/">Unity和IOS交互</a>
    </li>
  
    <li>
      <a href="/unity-VideoPhoto/">Unity 视频相册</a>
    </li>
  
    <li>
      <a href="/csharp-open_reveal_finder/">C# 打开文件所在位置</a>
    </li>
  
    <li>
      <a href="/unity-%E5%A4%9A%E7%BA%BF%E7%A8%8B%E4%B8%8B%E8%BD%BD/">Unity C# 多线程下载</a>
    </li>
  
    <li>
      <a href="/adobe_cs6_key/">adobe cs6注册机 adobeCS6破解补丁 for mac&windows 免费激活通用版</a>
    </li>
  
    <li>
      <a href="/VMware/">VMware Fusion 8 Pro for Mac 8.0 破解版</a>
    </li>
  
    <li>
      <a href="/csharp-Thread/">c#使用多线程的几种方式示例详解</a>
    </li>
  
    <li>
      <a href="/csharp-zip/">C#实现Zip压缩解压实例</a>
    </li>
  
    <li>
      <a href="/csharp-proto-aes/">C# Java AES 协议加密</a>
    </li>
  
    <li>
      <a href="/unity-GUIDRef/">unity GUID查看项目资源使用情况工具</a>
    </li>
  
    <li>
      <a href="/shell_%E8%BE%93%E5%87%BA%E6%97%A5%E5%BF%97%E5%88%B0%E6%96%87%E4%BB%B6/">Mac shell 输出日志到文件</a>
    </li>
  
    <li>
      <a href="/git_%E9%85%8D%E7%BD%AEApache%E7%9A%84gitweb/">配置Apache的gitweb</a>
    </li>
  
    <li>
      <a href="/git_instaweb/">git网页查看资源 git instaweb --httpd=webrick --port=8080</a>
    </li>
  
    <li>
      <a href="/svn_Mac%E6%90%AD%E5%BB%BASVN%E6%9C%8D%E5%8A%A1%E5%99%A8/">Mac搭建SVN服务器</a>
    </li>
  
    <li>
      <a href="/mac_su%E5%91%BD%E4%BB%A4%E5%88%87%E6%8D%A2%E7%94%A8%E6%88%B7/">su命令切换用户</a>
    </li>
  
    <li>
      <a href="/git_tag/">git tag</a>
    </li>
  
    <li>
      <a href="/git_push-remote-error%E8%A7%A3%E5%86%B3%E5%8A%9E%E6%B3%95/">【转】git push remote error解决办法</a>
    </li>
  
    <li>
      <a href="/git_Mac%E6%90%AD%E5%BB%BA%E6%9C%8D%E5%8A%A1%E5%99%A8/">【转】Mac 下配置 Git 服务器</a>
    </li>
  
    <li>
      <a href="/unity-GUIDRefReplaceWindow/">unity GUID替换资源和替换内建资源工具</a>
    </li>
  
    <li>
      <a href="/unity-%E6%9F%A5%E7%9C%8BSerializedProperty%E4%BF%A1%E6%81%AF/">unity 查看SerializedProperty信息</a>
    </li>
  
    <li>
      <a href="/unity-%E4%BB%A3%E7%A0%81%E5%AF%BC%E5%85%A5%E5%AF%BC%E5%87%BATagAndLayer/">unity 代码导入导出Tag And Layer</a>
    </li>
  
    <li>
      <a href="/unity-LayerMask/">【转】Unity3D中Layers和LayerMask解析</a>
    </li>
  
    <li>
      <a href="/mac_whereis%E5%92%8Cwhich%E6%9F%A5%E7%9C%8B%E7%A8%8B%E5%BA%8F%E6%94%BE%E7%BD%AE%E8%B7%AF%E5%BE%84/">【笔记】whereis和which查看程序放置路径</a>
    </li>
  
    <li>
      <a href="/mac_autoconf-automake%E5%AE%89%E8%A3%85/">【转】mac下autoconf automake安装</a>
    </li>
  
    <li>
      <a href="/mac_-export%E5%91%BD%E4%BB%A4%E8%AE%BE%E7%BD%AE%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F/">【笔记】export 命令设置环境变量</a>
    </li>
  
    <li>
      <a href="/mac_env%E6%9F%A5%E7%9C%8B%E7%B3%BB%E7%BB%9F%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F/">【笔记】env 查看系统环境变量</a>
    </li>
  
    <li>
      <a href="/mac_protoc-gen-lua/">【笔记】protoc-gen-lua protoc -v 2.5</a>
    </li>
  
    <li>
      <a href="/mac_pkg-config%E5%AE%89%E8%A3%85/">【笔记】Mac 安装 pak-config命令</a>
    </li>
  
    <li>
      <a href="/shader-Sprite_Border/">Unity Sprite Border Shader (Sprite描边)</a>
    </li>
  
    <li>
      <a href="/mac_%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/">【笔记】Mac 常用命令</a>
    </li>
  
    <li>
      <a href="/mac_%E6%B7%BB%E5%8A%A0%E7%94%A8%E6%88%B7%E5%88%B0%E7%BB%84%E5%91%BD%E4%BB%A4/">【笔记】mac os 添加用户到组命令</a>
    </li>
  
    <li>
      <a href="/mac_apache/">【笔记】apache 命令</a>
    </li>
  
    <li>
      <a href="/git_%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/">【笔记】git 常用命令</a>
    </li>
  
    <li>
      <a href="/mac_zip%E5%91%BD%E4%BB%A4%E5%8A%A0%E5%AF%86%E5%8E%8B%E7%BC%A9/">【笔记】Mac zip命令加密压缩</a>
    </li>
  
    <li>
      <a href="/dreaming_%E5%B9%B3%E8%A1%8C%E7%A9%BA%E9%97%B4%E6%B8%B8%E6%88%8F/">平行空间游戏</a>
    </li>
  
    <li>
      <a href="/dreaming_science_2016_125/">【转载】 SCIENCE公布的125个科学前沿问题</a>
    </li>
  
    <li>
      <a href="/java_file_write/">【转载】java写入文件的几种方法分享</a>
    </li>
  
    <li>
      <a href="/shell_xargs/">【笔记】Mac Shell xargs 在命令行前加命令文本</a>
    </li>
  
    <li>
      <a href="/shell_awk_print/">【笔记】Mac Shell awk '{print $column}' 打印第column列</a>
    </li>
  
    <li>
      <a href="/unity-timescale/">Unity 防加速器</a>
    </li>
  
    <li>
      <a href="/android_sdk/">Android SDK 更新镜像服务器</a>
    </li>
  
    <li>
      <a href="/unity-path_get_t_pos/">获取路径中的位置</a>
    </li>
  
    <li>
      <a href="/shell/">【笔记】Mac Shell for遍历文件</a>
    </li>
  
    <li>
      <a href="/mac_bash_profile/">【笔记】Mac设置PATH</a>
    </li>
  
    <li>
      <a href="/csharp-string_fromat/">【转载】C# String.Format格式说明</a>
    </li>
  
    <li>
      <a href="/shell_ps/">【笔记】MAC ps查找进程</a>
    </li>
  
</ul>

image-20230510223536341

设置链接方式

在 _config.yml


# 默认形式：https://blog.zs.center/2023/05/01/第1篇博客.html
# 修改后: https://blog.zs.center/第1篇博客/
permalink: /:title/

2.5 page info 页面头信息

头信息 - Jekyll • 简单静态博客网站生成器 (jekyllcn.com)

image-20230511000815445

2.6 语法

for


      <a href="/githubblog/">github博客相关介绍</a>

      <a href="/%E7%AC%AC3%E7%AF%87%E5%8D%9A%E5%AE%A2/">第3篇博客</a>

      <a href="/%E7%AC%AC2%E7%AF%87%E5%8D%9A%E5%AE%A2/">第2篇博客</a>

      <a href="/%E7%AC%AC1%E7%AF%87%E5%8D%9A%E5%AE%A2/">系外恒星“北落师门”有3道尘埃环</a>

      <a href="/test_code/">Test_code</a>

      <a href="/test9/">Test9</a>

      <a href="/test8/">Test8</a>

      <a href="/test7/">Test7</a>

      <a href="/test6/">Test6</a>

      <a href="/test5/">Test5</a>

      <a href="/test4/">Test4</a>

      <a href="/test3/">Test3</a>

      <a href="/test2/">Test2</a>

      <a href="/test10/">Test10</a>

      <a href="/test1/">Test1</a>

      <a href="/game_prop/">【临时笔记】属性设计感悟</a>

      <a href="/math_bezier/">【转】贝塞尔曲线的数学原理</a>

      <a href="/math_%E8%A7%A3%E6%96%B9%E7%A8%8B/">数学 解方程</a>

      <a href="/2017-03-29-unity-csharp%E6%95%88%E7%8E%87%E7%AF%87/"></a>

      <a href="/2017-03-29-unity-csharp%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/"></a>

      <a href="/unity-UnityStandardShader%E6%8A%80%E6%9C%AF%E5%88%86%E6%9E%90/">Unity Unitystandardshader技术分析</a>

      <a href="/2017-03-29-unity-ROSky_%E5%9F%BA%E7%A1%80%E6%A6%82%E5%BF%B5/"></a>

      <a href="/ios-objc/">Objective-C 语法笔记</a>

      <a href="/csharp-flatbuffers/">Flatbuffers 使用</a>

      <a href="/unity-%E4%BC%98%E5%8C%96%E6%80%BB%E7%BB%93/">Unity 优化总结</a>

      <a href="/unity-load_android_StreamingAssets/">Unity加载Android里的StreamingAssets里的文件</a>

      <a href="/unity-keystore/">查看keystore的SHA1</a>

      <a href="/AndroidStudio/">AndroidStudio 笔记</a>

      <a href="/xcode-%E9%85%8D%E7%BD%AE%E5%8F%82%E6%95%B0%E8%AF%B4%E6%98%8E/">xcode 配置参数笔记</a>

      <a href="/unity-ios_interactive/">Unity和IOS交互</a>

      <a href="/unity-VideoPhoto/">Unity 视频相册</a>

      <a href="/csharp-open_reveal_finder/">C# 打开文件所在位置</a>

      <a href="/unity-%E5%A4%9A%E7%BA%BF%E7%A8%8B%E4%B8%8B%E8%BD%BD/">Unity C# 多线程下载</a>

      <a href="/adobe_cs6_key/">adobe cs6注册机 adobeCS6破解补丁 for mac&windows 免费激活通用版</a>

      <a href="/VMware/">VMware Fusion 8 Pro for Mac 8.0 破解版</a>

      <a href="/csharp-Thread/">c#使用多线程的几种方式示例详解</a>

      <a href="/csharp-zip/">C#实现Zip压缩解压实例</a>

      <a href="/csharp-proto-aes/">C# Java AES 协议加密</a>

      <a href="/unity-GUIDRef/">unity GUID查看项目资源使用情况工具</a>

      <a href="/shell_%E8%BE%93%E5%87%BA%E6%97%A5%E5%BF%97%E5%88%B0%E6%96%87%E4%BB%B6/">Mac shell 输出日志到文件</a>

      <a href="/git_%E9%85%8D%E7%BD%AEApache%E7%9A%84gitweb/">配置Apache的gitweb</a>

      <a href="/git_instaweb/">git网页查看资源 git instaweb --httpd=webrick --port=8080</a>

      <a href="/svn_Mac%E6%90%AD%E5%BB%BASVN%E6%9C%8D%E5%8A%A1%E5%99%A8/">Mac搭建SVN服务器</a>

      <a href="/mac_su%E5%91%BD%E4%BB%A4%E5%88%87%E6%8D%A2%E7%94%A8%E6%88%B7/">su命令切换用户</a>

      <a href="/git_tag/">git tag</a>

      <a href="/git_push-remote-error%E8%A7%A3%E5%86%B3%E5%8A%9E%E6%B3%95/">【转】git push remote error解决办法</a>

      <a href="/git_Mac%E6%90%AD%E5%BB%BA%E6%9C%8D%E5%8A%A1%E5%99%A8/">【转】Mac 下配置 Git 服务器</a>

      <a href="/unity-GUIDRefReplaceWindow/">unity GUID替换资源和替换内建资源工具</a>

      <a href="/unity-%E6%9F%A5%E7%9C%8BSerializedProperty%E4%BF%A1%E6%81%AF/">unity 查看SerializedProperty信息</a>

      <a href="/unity-%E4%BB%A3%E7%A0%81%E5%AF%BC%E5%85%A5%E5%AF%BC%E5%87%BATagAndLayer/">unity 代码导入导出Tag And Layer</a>

      <a href="/unity-LayerMask/">【转】Unity3D中Layers和LayerMask解析</a>

      <a href="/mac_whereis%E5%92%8Cwhich%E6%9F%A5%E7%9C%8B%E7%A8%8B%E5%BA%8F%E6%94%BE%E7%BD%AE%E8%B7%AF%E5%BE%84/">【笔记】whereis和which查看程序放置路径</a>

      <a href="/mac_autoconf-automake%E5%AE%89%E8%A3%85/">【转】mac下autoconf automake安装</a>

      <a href="/mac_-export%E5%91%BD%E4%BB%A4%E8%AE%BE%E7%BD%AE%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F/">【笔记】export 命令设置环境变量</a>

      <a href="/mac_env%E6%9F%A5%E7%9C%8B%E7%B3%BB%E7%BB%9F%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F/">【笔记】env 查看系统环境变量</a>

      <a href="/mac_protoc-gen-lua/">【笔记】protoc-gen-lua protoc -v 2.5</a>

      <a href="/mac_pkg-config%E5%AE%89%E8%A3%85/">【笔记】Mac 安装 pak-config命令</a>

      <a href="/shader-Sprite_Border/">Unity Sprite Border Shader (Sprite描边)</a>

      <a href="/mac_%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/">【笔记】Mac 常用命令</a>

      <a href="/mac_%E6%B7%BB%E5%8A%A0%E7%94%A8%E6%88%B7%E5%88%B0%E7%BB%84%E5%91%BD%E4%BB%A4/">【笔记】mac os 添加用户到组命令</a>

      <a href="/mac_apache/">【笔记】apache 命令</a>

      <a href="/git_%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/">【笔记】git 常用命令</a>

      <a href="/mac_zip%E5%91%BD%E4%BB%A4%E5%8A%A0%E5%AF%86%E5%8E%8B%E7%BC%A9/">【笔记】Mac zip命令加密压缩</a>

      <a href="/dreaming_%E5%B9%B3%E8%A1%8C%E7%A9%BA%E9%97%B4%E6%B8%B8%E6%88%8F/">平行空间游戏</a>

      <a href="/dreaming_science_2016_125/">【转载】 SCIENCE公布的125个科学前沿问题</a>

      <a href="/java_file_write/">【转载】java写入文件的几种方法分享</a>

      <a href="/shell_xargs/">【笔记】Mac Shell xargs 在命令行前加命令文本</a>

      <a href="/shell_awk_print/">【笔记】Mac Shell awk '{print $column}' 打印第column列</a>

      <a href="/unity-timescale/">Unity 防加速器</a>

      <a href="/android_sdk/">Android SDK 更新镜像服务器</a>

      <a href="/unity-path_get_t_pos/">获取路径中的位置</a>

      <a href="/shell/">【笔记】Mac Shell for遍历文件</a>

      <a href="/mac_bash_profile/">【笔记】Mac设置PATH</a>

      <a href="/csharp-string_fromat/">【转载】C# String.Format格式说明</a>

      <a href="/shell_ps/">【笔记】MAC ps查找进程</a>

2.7 分页

分页功能 - Jekyll • 简单静态博客网站生成器 (jekyllcn.com)

常用变量 - Jekyll • 简单静态博客网站生成器 (jekyllcn.com)

设置分页，每页数量

_config.yml

paginate: 20 #设置分页，每页数量

image-20230511003651360

3.语法高亮

image-20230511021809775

4.评论

utterances

博客使用 utterances 作为评论系统 - 掘金 (juejin.cn)

5.编辑器工具

Typora 官方中文站 (typoraio.cn)

https://huanle.feishu.cn/file/boxcnIqvMVztdTRwKKPmSKaekoh

上一篇: 第3篇博客