别人的好货让前端飞Web前端之路

如何从零搭建hexo个人博客网站

2018-03-22  本文已影响492人  Brighten_Sun
首先需要你的电脑已经安装了node.js和git bash。还需要有github的账号哦。
其次需要安装全局hexo,先创建一个文件夹名字你开心就好。使用命令行工具也好,gitbash也好输入:
npm i -g hexo

下载完成后切入文件夹根目录,在命令行中输入:

hexo init
hexo1.png

当你看到文件夹中有这些文件的时候,小伙子你已经成功一般咯。吼吼吼

解释一下:

node_modules:是依赖包
public:存放的是生成的页面
scaffolds:命令生成文章等的模板
source:用命令创建的各种文章
themes:主题
_config.yml:整个博客的配置
db.json:source解析所得到的
package.json:项目所需模块项目的配置信息

第二步去github创建自己的仓库

创建一个repo,名称为yourname.github.io, 其中yourname是你的github名称,按照这个规则创建才有用哦,如下


hexo2.png

创建一个repo,名称为yourname.github.io, 其中yourname是你的github名称,按照这个规则创建才有用哦,如下(因为重要所以重复两遍)


hexo3.png

仓库创建好后回到gitbash中,配置github账户信息(YourName和YourEail都替换成你自己的):


username.png email.png
第三步创建SSH

在gitbash中输入:ssh-keygen -t rsa -C "youremail@example.com",然后一顿回车键生成ssh。

然后cd ~/.ssh 然后 cat id_rsa.pub找到id_rsa.pub文件的内容。记住记住,当文件内容出来后需要全部粘贴从ssh-rsa一直到最后。

第四步将上面获取的ssh放到github中
hexo4.png

点击头像部分,然后再次点击Settings后会出现如下界面,然后按照箭头继续操作


hexo5.png

title随便取,key就填刚刚的ssh-rsa一直到最后的id_rsa.pub。

在gitbash中验证是否添加成功:ssh -T git@github.com

第五步

用编辑器打开你的blog项目,修改_config.yml文件的一些配置(冒号之后都是有一个半角空格的):

deploy:
  type: git
  repo: git@github.com:yourgithubname/yourgithubname.github.io.git  
  branch: master

yourgithubname是需要替换成你自己的github名称哦

回到gitbash中,进入你的blog目录,分别执行以下命令:

hexo clean
hexo generate
hexo server

打开浏览器输入:http://localhost:4000你就可以看到你的本地博客了哦

第六步上传到github

先安装一波:npm install hexo-deployer-git --save(这样才能将你写好的文章部署到github服务器上并让别人浏览到)
执行命令(建议每次都按照如下步骤部署):

hexo clean
hexo generate
hexo deploy

在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客啦,啦啦啦德玛西亚!
这个yourgithubname也要替换成你自己的哦,不然是404页面。

上一篇下一篇

猜你喜欢

热点阅读