GitHub+Hexo搭建个人网站教程

1.安装git

2.安装node.js

3.命令行依次执行
    npm install hexo-cli -g
    hexo init blog
    cd blog
    npm install
    hexo server
    出现图示1即安装成功,blog即为新创建的博客文件夹,登陆图示网址即可本地访问

1

4.连接git的准备
    1)命令行执行ssh-keygen -t rsa -C "邮件地址@youremail.com"在本地生成新的 SSH Key
    2)在本地文件夹找到id_rsa.pub文件并打开复制里面的内容
          进入GitHub主页,进入settings,左侧选SSH and GPG keys,将复制的内容粘贴到对应            位置,title随便填个
    3)命令行执行ssh-T git@github.com提示图示2即为成功

2

    4)设置个人信息
        命令行执行git config --global user.name "username"//输入注册时的username
        命令行执行git config --global user.email  "yourname@yourmail.com"//填写注册邮箱
    5)创建GitHub仓库,仓库必须为username.github.io

5.配置blog文件夹中的_config.yml文件
   按照图示3、4依次配置

3


4

6.连接到GitHub
    cd到blog文件夹下,命令行依次执行
    npm install hexo-deployer-git --save
    hexo d
    hexo g

7.然后登陆username.github.io即可访问(本文中所有username即为自己的GitHub注册名)

8.更换主题
    1)去GitHub上下载想要的主题放在themes目录下
    2)更改_config.yml中的theme属性为下载的主题文件夹名
    3)返回主目录命令行依次执行
        hexo generate
        hexo deploy
        等待一分钟刷新页面即可

9.更改本地数据
    命令行执行cd到blog目录下,依次执行
    hexo clean(清除缓存)
    hexo g(生成)
    hexo s(启动本地服务,进行文章预览调试,退出服务用Ctrl+c)

10.Hexo命令行常用命令
    npm install hexo-cli -g(Hexo安装)
    hexo init blog(Hexo第一个项目博客)
    cd blog(cd到blog目录下)
    npm install(安装依赖包)
    hexo server(启动本地服务器,开启预览访问端口(默认端口4000,'ctrl + c'关闭server))
    hexo new "postName" (新建文章)
    hexo new page "pageName" (新建页面)
    hexo generate (生成静态页面至public目录)
    hexo deploy (部署到GitHub)
    hexo help (查看帮助)
    hexo version (查看Hexo的版本)

    缩写:
    hexo n == hexo new
    hexo g == hexo generate
    hexo s == hexo server
    hexo d == hexo deploy
    hexo s -g(生成本地预览)
    hexo d -g(生成并上传)