通过Hexo+Github Pages免费搭建个人博客网站

大概步骤:

  1. 搭建环境(安装NodeJS,安装Git,安装Hexo,配置Hexo)
  2. 配置Github
  3. 发表文章

搭建环境

安装NodeJSwindows下的NodeJS安装是比较方便的,到NodeJS官网下载安装安装完成后可以在cmd中输入node -v查看是否安装成功,由于NodeJS已经集成了npm,所以可以通过npm -v查看安装版本信息

安装Git因为需要发布到Github,所以需要安装GitGit的官方下载地址

可以通过git –version查看版本信息

安装Hexo新建一个目录用于安装Hexo,如D:\lsjkobe\blog进入到这个目录下,这里说一个技巧,在当前目录下按住shift,然后🔊鼠标右键,选择在此处打开命令窗口,可以在当前目录下快速进入到cmd

在命令行中输入:

npm install hexo-cli -g

完成之后如图所示,然后在命令行中输入:

npm install hexo –save

安装完之后如图所示,在命令行输入以下命令查看hexo安装信息:

hexo -v

配置Hexo接着上面的操作,在命令行中依次输入:

hexo initnpm install

npm install会下载相关的依赖,这时候环境基本已经搭建完成

可以本地体验一下了

体验前先来熟悉一下hexo常见的命令

hexo s :启动本地服务器hexo g :生成网站静态文件到默认设置的 public 文件夹hexo d :自动生成网站静态文件,并部署到设定的仓库hexo new “xx” :新建一篇标题为xx的文章hexo clean :🔊缓存文件 db.json 和已生成的静态文件 public

首先先在命令行中输入:

hexo g

生成网站静态文件

然后在命令行中输入:

hexo s

这样就代表启动服务器成功,默认地址:http://localhost:4000/

在浏览器输入http://localhost:4000/

配置Github

创建一个[youname].github.io的仓库登录github后,🔊页面右上角的[+]按钮然后🔊[New repository]新建一个仓库

进到仓库页面后按照图片的格式创建

创建成功会看到这样界面

这时候🔊README或其它的随便创建一个文件,创建完成后🔊Settings去设置github pages

如图红色框中选择master branch和🔊save保存这时候🔊Code去拿到仓库地址

然后去到本地博客的根目录下站点配置文件_config.yml中配置,比如我的仓库地址是https://github.com/lsjkobe/lsjkobe.github.io.git,那么配置如下

deploy:type: gitrepo: https://github.com/lsjkobe/lsjkobe.github.io.gitbranch: master

这样hexo和github pages就关联起来了,这时候就可以通过在命令行中输入:

提醒:跑下面命令前需要先安装一个插件,通过命令:

npm install hexo-deployer-git –save

hexo ghexo d

这样就把博客部署到github pages上了,这时候可以通过https://yourName.github.io 访问到你的hexo博客了

发表文章

在命令行中输入:

hexo new “Hello World”

会在根目录\source_posts下新建一个叫Hello World的markdown格式的文件,这个就是新建的文章,可以通过markdown编辑器编辑你的内容,编辑完成后

可以重新在命令行中输入:

hexo ghexo d

这时候再打开https://yourName.github.io 就会能看到新发布的文章了

微信关注

服务器吧 原创文章,发布者:服务器租用,如若转载请注明出处:https://www.fuwuqizuyong.cc/jianzhanjiaocheng/1388.html

(2)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2017年5月30日
下一篇 2017年5月30日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

0311-8343-7686

在线咨询:点击这里给我发消息

邮件:564999054@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

微信客服
微信客服
分享本页
返回顶部
CTRL+D 快速收藏本站   便宜云服务器:传送门

Warning: error_log(/www/wwwroot/www.fuwuqizuyong.cc/wp-content/plugins/spider-analyser/#log/log-0623.txt): failed to open stream: No such file or directory in /www/wwwroot/www.fuwuqizuyong.cc/wp-content/plugins/spider-analyser/spider.class.php on line 2900