GitHub Pages搭建个人博客

GitHub Pages搭建自己的博客网站

GitHub Pages搭建个人博客_第1张图片



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

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

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




安装Git

下载地址

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

这里写图片描述




安装NodeJS

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

下载地址

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

安装好后,打开cmd或者gitbash

GitHub Pages搭建个人博客_第2张图片
这里写图片描述




安装hexo

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


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

安装好后

hexo -v

GitHub Pages搭建个人博客_第3张图片




部署

初始化
hexo init

GitHub Pages搭建个人博客_第4张图片

目录解析

  • 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

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

创建仓库

GitHub Pages搭建个人博客_第5张图片
GitHub Pages搭建个人博客_第6张图片


配置SSH

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

  2. 创建SSH

    1. 输入cd ~/.ssh
      这里写图片描述
    2. 输入ssh-keygen -t rsa -C “[email protected]”生成ssh。连续按三次Enter
      GitHub Pages搭建个人博客_第9张图片
    3. 输入ls查看是否存在id_rsa和id_rsa.pub文件
      这里写图片描述



3. 添加密钥到SSH-agent
eval “$(ssh-agent -s)”
这里写图片描述
ssh-add ~./ssh/id_rsa
如果提示,表示成功
这里写图片描述



4. 配置ssh到github
回到github页面,右上角点击
GitHub Pages搭建个人博客_第10张图片
GitHub Pages搭建个人博客_第11张图片
GitHub Pages搭建个人博客_第12张图片

  1. 测试
    ssh -T [email protected]
    这里写图片描述

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

    指令 功能
    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上了,通过 [email protected]访问

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

你可能感兴趣的:(github)