github+hexo 搭建属于自己的博客网站【2017完整版】

作者 : 开心源码 本文共1992个字,预计阅读时间需要5分钟 发布时间: 2022-05-12 共143人阅读

windows系统下使用github+node+hexo 搭建属于自己的博客【2017完整版】

1.下载安装

github

1.下载安装Git ,安装在哪里都可以,我安装在E盘,这个安装网上有很多教程,一般来说next下去也没问题

2.在github官网 申请注册帐号,需要用到邮箱,注册后肯定要记住三个东西:你的客户名(username),你的密码(password),以及你的邮箱(email)

3.新建一个仓库(new repository),命名肯定是你的github的客户名(username)加上.github.io,这个仓库的全称命名就是username.github.io,而后点击create repository

4.建立仓库后,点击ssh,看到你的git@github.com:username/username.github.io.git而后复制(copy),待会儿要用到。

(5.你可能会需要配置git的ssh(密钥),请点击这里学习配置)

nodeJs

下载安装nodeJs,选一个就可,下载后安装时一路默认next(安装路径可以自选)。

hexo

1.创立文件夹hexo,随便创立在哪,我是在E盘

2.win+R或者者单机菜单->运行,输入cmd

3.在命令行中输入npm install hexo-cli -g,假如显示报错“没有这个指令”,请点击这个网站看第五点,配置nodeJs全局环境。前面的命令安装完成后,再次输入npm install hexo –save,等待安装完成。

4.第三步完成后,找到你的hexo文件夹,鼠标右键单击你的hexo文件夹,选择Git Bash Here(一般安装时默认配置了),假如你鼠标右键单击后没有Git Bash Here,请你在注册表自主修改鼠标右键出现的命令

5.出现如下界面,输入hexo init,请等待,这个时间可能长可能短,等到下一条可输入命令出现的时候才算安装好了,中途假如强行退出请在该文件夹重新hexo init

一条新的Git命令出现

检测你的git node npm hexo能否安装和他们的版本信息

随便在哪单机鼠标右键,进入Git Bash Here,依次输入git –version,node -v,npm -v,hexo version,依次检测 Git node npm 以及 hexo 的版本。

2.把博客挂到网上去

前面我们终于把该下载安装的都完成了,现在该我们配置一番就要大功告成了。

在_config.yml,进行基础配置

1.修改少量你的博客名字、形容、作者等,修改后的效果大家可以看看。同时大家可以修改自己的主题,更多主题点击这里。修改主题就修改_config.yml里面的theme。更多关于其余配置信息修改请点击这里访问hexo官方文档。【在_config.yml文档修改所有信息都要注意,冒号后面肯定要有一个空格!冒号后面肯定要有一个空格!冒号后面肯定要有一个空格!重要的事情说三遍!】

2.鼠标右键单击你的hexo文件夹,选择Git Bash Here,进入Git命令页面,输入hexo g

3.而后输入hexo s,启动本地服务器,好了,你可以在你电脑的服务器看到你的博客了。请打开你的浏览器,输入http://localhost:4000/,你就看到你的博客样子啦。中止你的本地服务器,你可以在Git命令页面按住Ctrl+C来中止。

hexo与github关联

1.还是打开你的_config.yml文档,将最下面的内容修改一下,type改成git,repo就是我们前面说到的下载安装github的第四点所复制下来的东西。听不懂?看图:

2.配置完成后保存,而后鼠标右键单击你的hexo文件夹,输入npm instal hexo-deployer-git –save。

3.关键点来了-第2点完成后,将你的代码推到网上去:依次出入hexo clean,hexo g,hexo d。

4.稍等5-15分钟,而后打开浏览器输入你的username.github.io,你即可以看到你的博客啦。

发表文章

你要写文章,就在hexo\source_posts文件夹里面创立.md文档就好啦(关于md可以百度教程简单学学,基本格式十分钟就学会啦)。写完了保存后,仍旧是hexo g,hexo d,就上传到你的博客了。

【注:使用本教程,假如你在npm instal hexo-deployer-git –save返回了一堆ERR,别焦急,看看自己输入的语句能否有错,空格能否都有了,假如报错语句中出现了这一句Please try running this command again as root/Administrator,那你就右键单击你的hexo文件夹,管理员获得所有权,等待命令自己执行完毕,而后再次输入npm instal hexo-deployer-git –save就ok啦。】

关于hexo主题你可以点击这里

我的博客

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » github+hexo 搭建属于自己的博客网站【2017完整版】

发表回复