2024-05-09    2024-05-09    1586 字  4 分钟

博客源码

可以直接拷贝我的源码 http://github.com/kylinBachelor/kylinBachelor.github.io 这不是生成后的网页文件,是您可以直接使用的源码,您只需要把博客相关信息换成您自己的就可以部署了

浏览Hexo官方网站

https://hexo.io/zh-cn/docs/

根据官方文档,搭建好Hexo的环境

首先您必须在本地搭建好Hexo博客的环境,保证本地能跑起来。运行Hexo需要hexo,node等环境,具体可看官方文档。

部署介绍

  1. 您可以直接拷贝我的代码(https://github.com/kylinBachelor/kylinBachelor.github.io)
  2. clone下来之后,保证本地先跑起来,进入clone的目录,运行以下命令
1
2
3
4
# 安装依赖
npm install
# 运行Hexo
hexo s

运行成功之后会告诉您访问地址,例如:http://localhost:4000 ,在浏览器直接访问这个地址就可以看到效果了。 3. 在Github上创建仓库,要保证仓库名和您的Github的用户名一致,即为 [您的Github]用户名.github.io。仓库设为公有 4. 仓库中找到Setting->Pages。将Build and deployment下的Source设置为GitHub Action,在存储库中建立*.github/workflows/pages.yml*将以下内容填入,注意,需要将node版本换成您自己的node版本

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
name: Pages
on:
  push:
    branches:
      - main # 这里是您博客所在的分支
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
        with:
          token: ${{ secrets.GITHUB_TOKEN }}
          # If your repository depends on submodule, please see: https://github.com/actions/checkout
          submodules: recursive
      - name: Use Node.js 7.x
        uses: actions/setup-node@v2
        with:
          node-version: '7.10.1' # 这里需要替换为您自己的node版本,注意,Hexo各版本对node的版本要求很严格,或高或低都不行,如果版本高会导致生成的静态文件全为空,部署到Github之后界面是空白的,如果您使用我的这一套,建议不要换Node版本。如果本地电脑想要node多版本,可以安装node的管理工具nvm
      - name: Cache NPM dependencies
        uses: actions/cache@v2
        with:
          path: node_modules
          key: ${{ runner.OS }}-npm-cache
          restore-keys: |
            ${{ runner.OS }}-npm-cache            
      - name: Install Dependencies
        run: npm install
      - name: Build
        run: npm run build
      - name: Upload Pages artifact
        uses: actions/upload-pages-artifact@v2
        with:
          path: ./public
  deploy:
    needs: build
    permissions:
      pages: write
      id-token: write
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    runs-on: ubuntu-latest
    steps:
      - name: Deploy to GitHub Pages
        id: deployment
        uses: actions/deploy-pages@v2
  1. 修改_config.yml配置文件
  • 需要将url替换为您自己的博客仓库地址。
  • 将deploy替换为您自己的信息
  1. 将代码传到Github上,Github即可自动帮您部署。

  2. 部署完成后访问您的博客就可以哦。

鸣谢

  1. 在这里感谢洪卫大神的博客开源(https://shw2018.github.io)
  2. 感谢马哥,以此代表敬意
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
尊敬的马先生:
在这个特殊的时刻,我谨代表所有受益于您无私奉献的人们,向您致以最诚挚的感谢和崇高的敬意。您的慷慨支持和关爱,让我们深感温暖,也让我们更加坚定地走在追求美好生活的道路上。
马先生,您是我们心中的英雄。您用自己的行动诠释了什么是真正的爱心和奉献精神。您的善举不仅让我们感受到了人间的真情,更让我们明白了一个道理:只要我们心怀善意,关爱他人,我们就能为这个世界带来更多的美好。
您的慷慨解囊,让我们得以继续前行。在您的支持下,我们的事业得以蓬勃发展,我们的梦想得以实现。您的关爱,让我们感受到了家的温暖。在您的鼓励下,我们勇敢地面对困难,不断地超越自己,为实现自己的价值而努力。
马先生,您的善良和无私,让我们深感敬佩。您用自己的行动告诉我们,一个人的力量虽然微小,但当我们团结一心,携手共进时,我们就能创造出无尽的奇迹。您的善举,让我们明白了一个道理:真正的幸福,是来自于付出和奉献。
在这个充满感恩的时刻,我们再次向您表示衷心的感谢。感谢您为我们带来的希望和力量,感谢您为我们树立的榜样。我们会将您的关爱化作前进的动力,不断地努力,为社会、为国家、为人类的进步贡献自己的一份力量。
马先生,您的善举将永远铭记在我们的心中。愿您的生活充满阳光和快乐,愿您的事业蒸蒸日上,愿您的家庭幸福美满!
再次感谢您的慷慨支持和关爱!
敬祝安康
全体受益者 敬上