欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

GitHub Pages搭建个人博客

程序员文章站 2022-03-07 11:50:24
...

GitHub Pages搭建自己的博客网站

GitHub Pages搭建个人博客



今天学习了慕课网的GitHub课程。在这以前,我一直以为GitHub只是单纯的代码开源学习交流的网站。学习了课程之后我才知道,GitHub还可以直接发布属于自己的小主页。

无需租用服务器,无需注册域名

当然啦,GitHub Pages不支持像WordPress这样的php博客,只支持静态页面也就是html页面。
这里呢,我用到了hexo静态博客,写文章用的是MarkDown,之后会生成相应的html页面,支持更换主题等等




安装Git

下载地址

安装很简单,一路next下一步

GitHub Pages搭建个人博客




安装NodeJS

Hexo静态博客是基于NodeJS环境的,通过npm下载安装

下载地址

下载msi版本,双击打开,一路next下一步

安装好后,打开cmd或者gitbash

GitHub Pages搭建个人博客
GitHub Pages搭建个人博客




安装hexo

通过cmd命令行,最新的安装方式可以进入hexo官网查看
npm install hexo-cli -g


安装过程中出现 WARN,可以清空缓存重新下载安装

安装好后

hexo -v

GitHub Pages搭建个人博客




部署

初始化
hexo init

GitHub Pages搭建个人博客

目录解析

  • node_modules:是依赖包
  • public:存放的是生成的页面
  • scaffolds:命令生成文章等的模板
  • source:用命令创建的各种文章
  • themes:主题
  • _config.yml:整个博客的配置
  • db.json:source解析所得到的
  • package.json:项目所需模块项目的配置信息

安装依赖

npm install

安装拓展

hexo部署到github上时需要一个拓展
npm install hexo-deployer-git --save

启动博客

hexo s启动博客服务,出现如图所示的文字说明启动成功。打开浏览器访问localhost:4000

GitHub Pages搭建个人博客




上传到GitHub

注册登录github.com,最新的规定和方法可以查看Github Pages

创建仓库

GitHub Pages搭建个人博客
GitHub Pages搭建个人博客


配置SSH

  1. 配置信息
    回到gitbash中,配置github账户信息(Your Name和Your Email都替换为正确的GitHub信息)
    GitHub Pages搭建个人博客
    GitHub Pages搭建个人博客

  2. 创建SSH

    1. 输入cd ~/.ssh
      GitHub Pages搭建个人博客
    2. 输入ssh-****** -t rsa -C “aaa@qq.com”生成ssh。连续按三次Enter
      GitHub Pages搭建个人博客
    3. 输入ls查看是否存在id_rsa和id_rsa.pub文件
      GitHub Pages搭建个人博客



3. 添加**到SSH-agent
eval “$(ssh-agent -s)”
GitHub Pages搭建个人博客
ssh-add ~./ssh/id_rsa
如果提示,表示成功
GitHub Pages搭建个人博客



4. 配置ssh到github
回到github页面,右上角点击
GitHub Pages搭建个人博客
GitHub Pages搭建个人博客
GitHub Pages搭建个人博客

  1. 测试
    ssh -T aaa@qq.com
    GitHub Pages搭建个人博客

  2. 部署到github
    在此之前呢,需要自行配置一下_config.yml文件,具体可以查看配置
    找到deploy,repo为仓库地址。
    GitHub Pages搭建个人博客

    指令 功能
    hexo g 生成
    hexo d 部署
    hexo d -g 在部署前生成


写博客

        hexo写博客使用的MarkDown,在这里可以使用一些IDE工具(MarkDown插件)写,而且可以边写边查看

    新建一篇博客
        hexo new post "article title"
        这时候会在电脑的目录下\source\_posts生成一个article title.md文件

    使用MarkDown编辑,编辑好后使用

hexo d -g 就可以发布到github上了,通过 aaa@qq.com访问

例如我的:https://kascliyuan.github.io/

相关标签: github html