步骤:
- 安装git
- 安装node.js
- 安装hexo
- 创建一个GitHub仓库
- 连接GitHub与本地
- 修改网站相关设置
- 文章书写与发布
安装git
git 官方下载地址 "https://git-scm.com/"
安装时一路next即可
安装node.js
node.js 官方中文网下载地址 "http://nodejs.cn/download/"
安装时一路next即可
安装hexo
单击右键,选择Git Bash Here,输入以下命令安装hexo
$ npm install -g hexo-cli
验证是否安装成功 "hexo -v"
$ hexo -v
在计算机合适的位置创建一个文件夹(这里我选择的路径为 E:blog,打开该文件夹(这里即为blog文件夹),右键单击,选择Git Bash Here,输入命令"hexo init"初始文件夹
$ hexo init
文件夹初始化后如下
scaffolds 模板文件夹scource 资源文件夹themes 主题文件文件夹_config.yml 网站配置信息package.json 应用程序信息
安装相关组件 “npm install"
$ npm install
打开本地服务器”hexo s"
$ hexo s
在浏览器输入地址"localhost:4000/"就可以看到我们的博客
ctrl+c关闭服务器
这时创建的博客只能在本地浏览,要让其他人也能看到该怎么办?那就要将它托管到GitHub平台。
创建一个GitHub仓库
输入"https://github.com/"按要求注册账户
创建一个GitHub仓库
点击创建即可。
进入setting,下拉找到GitHub Page,即可看到自己在GitHub上的主页地址,先choose a theme,之后便可跳转至该页面。
连接GitHub与本地
进入.ssh文件夹(c:userAdministrator目录下,为隐藏文件夹),这里用Git Bash 定位到该文件夹下
$ cd ~/.ssh
检查是否有id_rsa和id_rsa.pub这两个文件
$ 1s
若没有则会显示 command not found
可以通过以下命令来创建(创建时一直回车就可以,不用输入任何内容)
$ ssh-keygen -t rsa -C "你注册GitHub的邮箱"
显示SSH KEY
$ cat ~/.ssh/id_rsa.pub
将生成的SSH KEY复制到剪贴板上
打开GitHub,按下图所示、
最后点击Add SSH Key即可。再验证是否添加成功,输入以下命令。
$ ssh -T git@github.com
出现以下则配置成功
Hi 你的GitHub用户名! You've successfully authenticated, but GitHub does not provide shell access.
设置用户名
$ git config --global user.name "此处为你的GitHub账号”
设置邮箱
$ git config --global user.email "此处为你注册GitHub的邮箱"
修改网站相关设置、
找到博客文件夹文件(_config.yml),以记事本方式打开,下拉至最后,找到deploy,如图
修改为
deploy: type: git repository: https://github.com/seaantwh/seaantwh.github.io branch: master
repository后的链接为你仓库地址(可直接将seaantwh替换为你的GitHub账户名)
site的修改
文章书写与发布文章
定位博客根目录下,右键打开git bash,运行以下命令安装扩展
$ npm i hexo-deployer-git
输入以下命令新建一篇文章。
$ hexo new post "new article"
打开文件夹目录blogsource_posts,可以发现下面多了一个文件夹(存放图片等数据)和一个.md文件(markdown格式文件,存放文章)
编写完.md文件后,博客根目录下打开Git Bash
$ hexo g 生成静态网页$ hexo s 打开本地服务器预览$ hexo d 上传至GitHub