美文网首页别人的好货让前端飞Web前端之路
如何从零搭建hexo个人博客网站

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

作者: BrightenSun | 来源:发表于2018-03-22 10:23 被阅读492次
首先需要你的电脑已经安装了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页面。

相关文章

网友评论

  • 浪漫没有天份:我试了一下,但是localhost:4000是个空的,怎么回事呢
    BrightenSun:可能您配置的不对哦,建议您按照步骤重新操作一下
  • 浪漫没有天份:等我回去也试试看,多谢分享
  • athlonreg:写的不错,不过最后的域名应该是https的好像,记不清了
  • 梦里初缝:ssh -T git@github.com检测的时候出现bad address怎么解决?
    BrightenSun:@梦里初缝 会报错无法继续执行么
  • 幺七:点赞
    BrightenSun:@幺七 必须的 哈哈
    幺七:@Brighten_Sun 回的挺 快
    BrightenSun:@幺七 谢谢
  • 卜俊文:要如何备份这个hexo的源代码?如何换了机器或者项目被删了,如何再备份回来,不是很懂
    BrightenSun:@卜俊文 不客气 希望能帮助到你
    卜俊文:@Brighten_Sun 谢谢~
    BrightenSun:你好 我也不是很懂如何在其他机器上备份,不过我给你一个知乎链接你可以看下哦 https://www.zhihu.com/question/21193762
  • 4e5f67d086be:404?
    BrightenSun:@逝水流光 最后一个地址要输入你在github上面自己当时设置的仓库地址噢
    4e5f67d086be:@Brighten_Sun 最后一个地址。。
    BrightenSun:@逝水流光 哪里显示404了?
  • ae19efd39054:写的不错
    BrightenSun:@幺七 谢谢可否关注一波 哈哈
    幺七:赞一个
    BrightenSun:@ae19efd39054 谢谢支持

本文标题:如何从零搭建hexo个人博客网站

本文链接:https://www.haomeiwen.com/subject/spzafftx.html