最新折腾了一下黑苹果 刚刚把博客迁移过来 所以才想起写这篇文章 Hexo GitHub搭建静态博客
准备工作
Node.js下载链接: https://nodejs.org/en/
Git下载链接: https://git-scm.com/download/win
安装好Node.js与Git 接下来安装Hexo
代码语言:javascript复制npm install -g hexo-cli
安装完成以后
git —version
,hexo-v
查看安装版本
本地建站
我们首先在本地搭建起Blog 等本地都配置完成直接放到GitHub就ok了
博客框架
初始化博客框架
代码语言:javascript复制hexo init <folder>(博客文件夹名称)
cd <folder> // 进入博客文件夹目录
npm install
这时候博客应该会出现如下文件
_config.yml 是整个站点的配置文件 不要乱改
写文章进行测试
hexo new 文章名
记得在博客目录下 新建文章
可以看到新建了.md文件在 source/_posts/ 下 记住所有生成的文章都在此目录下
编辑.md 我用的是typora感觉比较好用 百度下载即可
生成静态文件
代码语言:javascript复制hexo generate
简写 hexo g 就好
启动服务器
接下来我们访问以下博客 先要启动一下hexo服务器
代码语言:javascript复制hexo server
简写 hexo s
启动以后我们本地访问以下
默认访问 http://localhost:4000
出现类似界面说明本地测试成功没有任何问题
更换主题
在博客目录下打开终端
代码语言:javascript复制git clone https://github.com/iissnan/hexo-theme-next themes/next
下载完成以后 打开博客目录下的_config.yml
找到theme 将theme的值改为next
之后输入调试命令
代码语言:javascript复制hexo server --debug
在访问以下http://localhost:4000应该就已经更换主题了哦
感觉排版并不是很舒服 需要改一下 找到主题配置文件
主题配置文件在博客目录 下的 themes/next/_config.yml
这里不要搞混 这个是主题配置文件
搜索 scheme 关键字。
前面去掉#号即为启用 我们启用pisces的样式
这之后样式看起来和我博客类似了
主题就先说到这 添加分类 标签 友联 界面语言等 自己Goolge吧
也可以参考 http://theme-next.iissnan.com/getting-started.html#avatar-setting
部署到GitHub
注册GitHub账号
这里自己注册一个账号就好了
建立新的存储库
根据GitHub用户名建立的存储库 如我的用户名scholar10所以存储库的名为scholar10.github.io
设置本地GitHub
填写 git邮箱 用户名
代码语言:javascript复制git config --global user.name "user_name"
git config --global user.email "your_email_addr"
第一个填你github的用户名 第二天填写 注册github的邮箱
本地创建SSH
代码语言:javascript复制ssh-keygen -t rsa -C "1773256697@qq.com"
填自己注册github的邮箱地址就好
一路回车就好
生成的SSH添加到GitHub
创建完成以后打开用户的根目录 一般在C:Usersusername(你的用户名)
应该会有.ssh文件夹 这时候找到.ssh文件里面的ssh.pub(公钥)
将里面的内容全部复制到
点击 new ssh key 会出现 title框和key框 把 ssh.pub内容全部复制到 key框 title 随意写一个名字就好
验证SSH是否设置成功
代码语言:javascript复制ssh -T git@github.com
首次提示不能连接输入yes即可
接下来打开 博客目录下的_config.yml
代码语言:javascript复制deploy:
type: git
repo: https://github.com/username/scholar10.github.io.git
branch: master
类型配置为git 仓库地址为 建立的github仓库地址(scholar10替换成自己的)分支为master也就是主分支
然后执行部署命令
代码语言:javascript复制hexo deploy 简写 hexo g -d //生成静态文件后提交到github上
执行完成后 别人就可以通过
http://scholar10.github.io
访问你的博客了….