首页 > 其他分享 >使用GitHub Pages托管你的博客

使用GitHub Pages托管你的博客

时间:2023-02-21 18:22:05浏览次数:48  
标签:GitHub hexo 博客 github 文件夹 git 安装 Pages

必备条件

  1. Node.js官网下载软件并安装
  2. Git官网下载软件并安装
  3. 一个GitHub账号,可以在GitHub进行注册

安装hexo

所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。

  1. 安装好之后在盘中创建文件夹,并右键使用Git Bash Here打开文件夹

  2. 输入以下命令进行安装Hexo

    npm install -g hexo-cli
    
  3. 在安装完成以后输入下方代码检查是否安装成功

    hexo -v && git -v && node -v
    

    若输出版本号相关表示安装成功

  4. 复制下方命令,进行初始化博客文件夹

    // hexo init 博客文件夹  若为空表示在当前文件夹
    hexo init blog
    // 或
    hexo init
    
  5. 复制下方命令,安装hexo的扩展插件

    npm install
    

配置ssh

  1. 打开git bash终端。

  2. 设置user.name和user.email。

    git config --global user.name "你的GitHub用户名"
    git config --global user.email "你的GitHub注册邮箱"
    
  3. 生成ssh密匙

    ssh-keygen -t rsa -C "你的GitHub注册邮箱"
    
  4. 此时,在用户文件夹下就会有一个新的文件夹.ssh,里面有刚刚创建的ssh密钥文件id_rsa和id_rsa.pub。

    将公匙添加到github上

    用户头像→Settings→SSH and GPG keys→New SSH key→将id_rsa.pub中的内容复制到Key文本框中,然后点击Add SSH key(添加SSH)按钮。

创建仓库

在GitHub中创建一个仓库,将仓库的名字更改为 yourname.github.io,例如我的仓库名是zsuh.github.io

初探Hexo

当在第一次使用hexo时,在本地创建服务器使用

# 生成静态页面
hexo generate
# 开启本地服务器
hexo s

根据提示,使用ctar + 左键单击进入链接应该就可以看到刚刚创建的博客了

部署至GitHub

修改配置文件blog/_config.yml,修改deploy项的内容,如下所示:

# Deployment 注释
## Docs: https://hexo.io/docs/deployment.html
deploy:
  # 类型
  type: git
  # 仓库
  repo: https://github.com/zsuh/zsuh.github.io.git
  # 分支
  branch: main

注意事项:

  • 在冒号后面有一个空格,没有会报错
  • 将repo的地址更换为自己的仓库地址

输入下面的命令将hexo博客部署到github中:

# 清空静态页面
hexo clean
# 生成静态页面
hexo generate
# 部署 
hexo deploy
#可以简写为
hexo clean && hexo g -d && hexo s

疑难杂症

  1. hexo每次上传后都需要重新配置自定义域名

    sourcce下创建文件CNAME在其中填入你的自定义网址 如 zsuh.cc

    注意事项:

    • 文件没有后缀
    • 文件命名必须是大写
    • 网址不要带协议
  2. 第一次部署时无法上传至GitHub

    由于hexo不自带上传插件,安装Git上传插件即可

标签:GitHub,hexo,博客,github,文件夹,git,安装,Pages
From: https://www.cnblogs.com/zsuh/p/NewHexo.html

相关文章

  • 51CTO博客意见反馈处【2023版】
    我们要以博客的作者和读者的痛点为变革的核心!关注写作体验、内容分发、移动端体验和知识变现等;提升阅读体验,提高读者和作者的沟通效率。为了给大家提供更好的创作、阅读体......
  • 第一篇博客--关于软件工程
    这个是我的第一篇博客,刚刚步入大二下学习专业课的学习,从这学期开始,我决定用写博客的方式,记录我的学习历程。   关于软件工程,上学期已经学过软件工程导论和相关设计......
  • 是时候开始写博客了
    讲下自己,今年计科本应届。大三意识到要初入社会,就加入前端培训大军。如今出来发现一职难找。以前总听求职难,如今已成曲中人。嘿嘿,即使是这样,我也要乐观起来。毕竟让自......
  • 博客园初体验--软件工程相关知识心得体会
    在上个学期的软件工程导论中我学习了敏捷开发软件过程。虽然书本介绍的篇幅不多,但是我对这个可以应对需求快速反应变化的新型软件开发方法产生了兴趣,于是借此课程设计......
  • 软件工程个人技术博客的心得体会
    .软件工程是指导软件开发和维护的一门工程学科。本质特点为:它关注于大型程序的构造,中心课题是控制复杂性,软件经常变化开发软件的效率非常重要,和谐的合作是开发软件的关键,软......
  • Gitee 搭建个人博客
    Gitee搭建个人博客下载安装Nodejs安装hexonpminstallhexo-cli-g选择一个文件夹或创建一个文件夹(Blog)并进入CMD窗口执行如下命令hexoinitblog将会下载文件......
  • 软件工程博客阅读心得体会
    从大二开始,我们开启了系统地学习软件工程的道路。和计算机科学与技术专业不同,这门学科并不注重硬件方面的知识,重心放在了团队合作、风险评估、开发过程上,是一门十分注重实......
  • 真·生产力「GitHub 热点速览」
    这些工具真的能极大提高生产力,节约你的时间来自(摸)我(鱼)增(划)值(水)。先别提style2paints,你给它随意画个草图,就能给你一个能交付给甲方爸爸的成品插画。如果提升30%-40%传输......
  • 第二周开课博客
    1、介绍自己本人,名叫刘紫锦,性别女,是来自软件工程的一名普通的大二学生;我个人觉得,我并没有什么闪光点,如果非要说一个的话,那可能就是极其不服输,且愿意为之努力吧!2、现状、......
  • 2.20日博客
    1.今天根据要求要完成信息的增加和查看,代码修改后没有报错但是一直404,完不成要交的任务。2.今天课上用游泳训练做比喻讲述了软件工程专业的学习应该是怎样的。3.通过网上......