[{"date":1641543113,"permalink":"https://cnzhwei.github.io/posts/github-page/","text":"Github page搭建 1. 新建page项目 打开网址：https://github.com/new\n新建两个项目：\ncnzhwei.github.io 用于page网站展示，属性为public cnzhwei.github.io.source 用于存放网站源markdown文件，属性为private 下图为cnzhwei.github.io创建截图：\n1.1 加入公钥 将本地公钥（一般位置在：C:\\Users\\``**[yourname]**``\\.ssh\\id_rsa.pub）的内容添加进仓库中（没有公钥可百度搜索：git生成公钥），两个仓库都添加\nSettings → Deploy keys →Add new\n1.2 添加密钥 将本地公钥（一般位置在：C:\\Users\\``**[yourname]**``\\.ssh\\id_rsa）的内容添加进仓库中（没有公钥可百度搜索：git生成公钥），只添加source仓库\nSettings → Secrets →New\n1.3 下载项目到本地 git clone git@github.com:cnzhwei/cnzhwei.github.io.source.git git clone git@github.com:cnzhwei/cnzhwei.github.io.git 2. 通过hugo搭建 hugo是一个基于Go的博客搭建系统\n2.1 Windows安装hugo 2.1.1 下载二进制包，在hugo的release页面：https://github.com/gohugoio/hugo/releases/download/v0.91.2/hugo_0.91.2_Windows-64bit.zip\n2.1.2 解压文件到C:/hugo\n2.1.3 添加环境变量\n开始菜单搜索“环境变量”，然后点击“编辑环境变量”\n然后编辑Path→新建\n2.2 新建页面 #进入目录 cd cnzhwei.github.io.source # 创建站点 hugo new site . --force 3. 内容写作 # 新建一篇文章 hugo new posts/my-first-page.md # 本地开启服务 hugo serve -D 3.1 修改文章内容 修改posts/my-first-page.md\n--- title: \u0026#34;My First Post\u0026#34; date: 2022-01-07T16:11:53+08:00 draft: false --- my first pages title：文章标题 draft：是否为草稿，如果为true，则不会发布在github page网页 4. 发布 进入source仓库，点击actions，然后点击new workflow\n然后新建一个workflow\n添加如下内容，填完完成后，点击左上角绿色的Start commit\nname: Deploy Hugo Site to Github Pages on Master Branch on: push: branches: - master jobs: build-deploy: runs-on: ubuntu-18.04 steps: - name: check uses: actions/checkout@v2 # v2 does not have submodules option now with: submodules: true - name: Setup Hugo uses: peaceiris/actions-hugo@v2 with: hugo-version: \u0026#39;0.91.2\u0026#39; # extended: true - name: Build run: hugo --minify - name: Deploy uses: peaceiris/actions-gh-pages@v3 with: deploy_key: ${{ secrets.ACTIONS_DEPLOY_KEY }} # 这里的 ACTIONS_DEPLOY_KEY 则是上面设置 Private Key的变量名 external_repository: cnzhwei/cnzhwei.github.io publish_dir: \u0026#34;./public/\u0026#34; keep_files: false # remove existing files publish_branch: master # deploying branch commit_message: ${{ github.event.head_commit.message }} 然后本地仓库先拉取一次远程内容，避免分支冲突\ngit pull 发布内容 通过git 推到远程，即可触发workflow，然后就会更新github page\ngit add -A git commot -m \u0026#34;完成配置，生成第一个网页\u0026#34; git push -u master origin 进阶 配合Typora+七牛图床+super-prefix插件\nTypora : 优雅的编辑器 七牛图床： 存放图片的位置 super-prefix插件： 避免图片同名导致图片覆盖的问题。\n修改图床 先下载安装nodejs，因为安插件需要：https://nodejs.org/en/\nTypora设置如下：\n找到picgo的路径：C:\\Users\\【yourname】\\AppData\\Roaming\\Typora\\picgo\\win64\n然后在当前目录按住Shift+鼠标右键，选择在此目录运行命令行\n.\\picgo.exe install super-prefix 配置文件信息：\n{ \u0026#34;picBed\u0026#34;: { \u0026#34;uploader\u0026#34;: \u0026#34;qiniu\u0026#34;, \u0026#34;qiniu\u0026#34;: { \u0026#34;accessKey\u0026#34;: \u0026#34;xxx\u0026#34;, \u0026#34;secretKey\u0026#34;: \u0026#34;xxx\u0026#34;, \u0026#34;bucket\u0026#34;: \u0026#34;cnzhwei\u0026#34;, // 存储空间名 \u0026#34;url\u0026#34;: \u0026#34;http://res.c101.work\u0026#34;, // 自定义域名 \u0026#34;area\u0026#34;: \u0026#34;z2\u0026#34;, // 存储区域编号 \u0026#34;options\u0026#34;: \u0026#34;\u0026#34;, // 网址后缀，比如？imgslim \u0026#34;path\u0026#34;: \u0026#34;img/\u0026#34; // 自定义存储路径，比如 img/ } }, \u0026#34;picgoPlugins\u0026#34;: { \u0026#34;picgo-plugin-super-prefix\u0026#34;: true }, \u0026#34;picgo-plugin-super-prefix\u0026#34;: { \u0026#34;fileFormat\u0026#34;: \u0026#34;YYYYMMDDHHmmss\u0026#34; } } 参考链接 https://zhuanlan.zhihu.com/p/109057290\nhttps://blog.csdn.net/in_the_road/article/details/105733292\n","title":"Github Page 搭建完全指南"}]