从零开始到搭建hexo个人博客
来源:互联网 发布:windows sdk如何安装 编辑:程序博客网 时间:2024/05/22 13:56
本人转自http://www.cnblogs.com/visugar/p/6821777.html
- 安装Git Bash
- 安装Node.js
Hexo是基于node的静态博客,下载地址(说明:LTS为长期支持版,Current为当前最新版)
安装步骤:反正下载好msi文件后,双击打开安装,也是一路next,不过在Custom Setup这一步记得选 Add to PATH ,这样你就不用自己去配置电脑上环境变量了,装完在按 win + r 快捷键调出运行,然后输入cmd确定,在cmd中输入path可以看到你的node是否配置在里面(环境变量)。 - 安装hexo
- 先创建一个文件夹(以后这个文件夹就是你的blog目录),然后
cd
到该文件夹下。 - 执行安装hexo命令:
npm i -g hexo
安装完成后,查看版本:hexo -v
- 初始化命令:hexo init ,初始化完成之后打开所在的文件夹可以看到以下文件:
node_modules:是依赖包
public:存放的是生成的页面
scaffolds:命令生成文章等的模板
source:用命令创建的各种文章
themes:主题
_config.yml:整个博客的配置
db.json:source解析所得到的
package.json:项目所需模块项目的配置信息
- 先创建一个文件夹(以后这个文件夹就是你的blog目录),然后
- 搭桥到github
- 创建一个repository,名称为username.github.io, 其中username是你的github用户名,按照这个规则创建才有用哦,如下:
- 回到gitbash中,配置github账户信息(YourName和YourEail都替换成你自己的):
- 创建SSH
在gitbash中输入:ssh-keygen -t rsa -C "youremail@example.com
,生成ssh。然后按下图的方式找到id_rsa.pub文件的内容: - 将上面获取的ssh放到github中,添加一个 New SSH key ,title随便取,key就填刚刚那一段:
在gitbash中验证是否添加成功:ssh -T git@github.com
- 创建一个repository,名称为username.github.io, 其中username是你的github用户名,按照这个规则创建才有用哦,如下:
- 部署项目
- 用编辑器打开你的blog项目,修改_config.yml文件的一些配置(冒号之后都是有一个半角空格的):
deploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git
branch: master - 回到gitbash中,进入你的blog目录,分别执行以下命令:
hexo clean
hexo generate
hexo server - 安装hexo服务器:
npm i hexo-server
打开浏览器输入:http://localhost:4000 已经可以看到页面了。
- 用编辑器打开你的blog项目,修改_config.yml文件的一些配置(冒号之后都是有一个半角空格的):
- 上传到github
- 现在我们的项目还在本地,先安装:
npm install hexo-deployer-git --save
(这样才能将你写好的文章部署到github服务器上并让别人浏览到) - 执行上传命令(建议每次都按照如下步骤部署):
hexo clean
hexo generate
hexo deploy
注意deploy的过程中要输入你的username及passward。如下: - 现在在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客啦!
- 现在我们的项目还在本地,先安装:
- 绑定个人域名
- 添加CNAME:在项目的source文件夹下新建一个名为CNAME的文件,在里面添加你购买的域名,比如我添加的是
visugar.com
,只能添加一个哦。 - 到DNS域名解析中添加一条记录:
其中ip地址为你的github的地址,可在cmd中ping一下就能看到(ping yourname.github.io
):github-ip - 现在就可以直接用你的域名打开hexo博客了。
- 添加CNAME:在项目的source文件夹下新建一个名为CNAME的文件,在里面添加你购买的域名,比如我添加的是
阅读全文
0 0
- 从零开始到搭建hexo个人博客
- Hexo个人博客从零开始到搭建完整
- 如何从零开始搭建个人博客(pages+hexo)
- HEXO搭建个人博客
- Hexo搭建个人博客
- HEXO搭建个人博客
- HEXO搭建个人博客
- Hexo 个人博客搭建
- hexo搭建个人博客
- hexo搭建个人博客
- Hexo搭建个人博客
- HEXO搭建个人博客
- Hexo系列1:从零开始搭建hexo博客
- hexo从零开始到搭建完整
- 如何发布新文章到hexo搭建的个人博客
- 如何发布新文章到hexo搭建的个人博客
- 用Hexo搭建个人博客
- Hexo+github 搭建个人博客
- 遗传算法简单介绍与MATLAB实现(三)
- android studio创建横屏layout-land
- 原来Github上的README.md文件这么有意思——Markdown语言详解
- DFS + 高斯消元 HDU 5544
- Flask Web开发(一)基于python的Web表单
- 从零开始到搭建hexo个人博客
- vue + elementui filter过滤器
- StreamApi
- 《MFQ&PPDCS》学习心得--TE---测试广度和深度
- histogram布局用法
- spring in action 学习笔记(四)bean的作用域
- Python 窗体(tkinter)标签
- ARC080 E
- 游戏行业DDoS 6年谈:什么样的架构才可以对DDoS免疫