[笔记]基于hexo框架博客搭建

摘要:
然后输入您的用户名。github IO将能够访问您的博客。到目前为止,个人博客已经建立。然而,此时的主题是hexo的默认主题。您可以稍后查找信息并更改主题

前言:作为一个技术宅,怎么能够没有自己的个人Blog呢,自己搭建博客,一来可以用来作为学习的记录,二来将来面试的时候抛出自己满满的博客,那可是加分项呀,三来最次也可以用来装装X嘛

实验环境:win10
前期准备:安装好git和node.js(自行百度下载git和nedo.js)


好,话不多说,开始动手

终端中输入 node -v 和git 分别出现以下界面,则安装正确(我使用的终端是cmder完整版,可以在win下使用linux的命令)

[笔记]基于hexo框架博客搭建第1张

上面这张图显示的是我安装node的版本

[笔记]基于hexo框架博客搭建第2张


上面的步骤完成之后,接下来就可以开始安装hexo了

首先介绍下npm,这是一个包管理器,接下来的安装都和这个命令有关,但由于众所周知的原因,国内速度很慢,所以我们进行一个镜像源更改,改到淘宝的源,利用npm安装一个cnpm包管理器

npm install -g cnpm --registry=https://registry.npm.taobao.org

替换成功之后cnpm就安装完成了,接下来开始正式安装hexo,用以下命令安装

cnpm install -g hexo-cli

hexo安装完成之后可以使用  hexo - v 命令验证下是否安装成功,成功的话就能够得到以下这个界面

[笔记]基于hexo框架博客搭建第3张


接下来,选择一个盘新建一个文件夹,取名为blog(如果你和我一样是使用cmder的话,直接可以用mkdir命令)

然后终端进入这个blog文件夹,运行以下命令初始化

hexo init

完成之后会在blog文件夹下生成一些文件,到这一步,hexo的初始化就已经完成了

[笔记]基于hexo框架博客搭建第4张

 安装依赖

cnpm install

这时候我们启动hexo博客,运行以下命令,然后在你的浏览器中输入 localhost:4000

这个命令默认的是使用4000端口,如果没有错误的话,你可以使用 localhost:4000 在你的浏览器中预览你的博客
hexo s     

但是有些人的电脑4000端口可能被占用什么的,这个时候 你可以使用以下命令
hexo  s -p 5555  //指定5555端口

此时hexo的基本布置完成了


接下来要做的就是把博客部署到github上去

首先你要有个github账号,注册账号省略

然后你要创建一个仓库,仓库名字严格要求为 : 你的用户名.github.io      

接下来打开的你的blog文件夹,推荐使用sublime,编辑 _config.yml 文件 

[笔记]基于hexo框架博客搭建第5张

 配置如上图所示,repo 配置为你的github仓库的地址 ,下图中的地址

[笔记]基于hexo框架博客搭建第6张

保存更改,打开终端,进入blog文件夹路径,把博客部署到远端

hexo d

这个时候可能报错,如:(xxxxx为你的github  ID)

fatal: unable to access 'https://github.com/xxxxxx/xxxxxx.github.io.git

这是因为git没有配置好原因,你可以把上面的 repo 的库地址配置为  

https://用户名:密码@github.com/xxxxxx/xxxxxx.github.io.git

完成之后刷新你的github仓库,就会发现仓库不是空的了。

然后在浏览器中输入     你的用户名.github.io   就能够访问你的博客了


总结:到此,个人博客就搭建完成了,不过此时的主题是hexo默认的主题,后续可以自己查找资料换主题

免责声明:文章转载自《[笔记]基于hexo框架博客搭建》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇.net创建文件夹和txt文件常用电源及稳压芯片(一)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Hexo+Github--搭建个人博客(二)主题配置

安装完hexo后,我们便可以开始使用hexo,如果我们想更换主题使得网站更加简洁或者酷炫,那么我们可以进行主题更换。主题有很多,下面以NexT主题为例, 讲下如何更换主题: 一、NexT主题安装 Hexo提供了更换主题模块,进入你的博客部署文件夹,可以看到有个themes文件夹,这个文件夹就是用来存放主题的 首先我们使用git clone NexT主题到主...

hexo干货系列:(六)hexo提交搜索引擎(百度+谷歌)

前言 能看到这里,说明大家都跟我一样,已经把博客搭起来并洋洋洒洒写了几篇博文,正春风得意感觉良好的时候,搭建博客有屎以来最大的危机出现在没有准备的我面前,百度+谷歌都无法搜索到我的博客。装逼还没几天就这样,真是不能忍。 于是就研究了几天,鼓捣出了这篇文章。教大家如何脱坑。 正文 下面准备分别介绍谷歌和百度如何提交搜索引擎,其中有一些共同的地方,这里先说明...

hexo使用

hexo主题 hexo主题下载地址:https://hexo.io/themes/ 每个主题中都有相关的下载及配置说明,不过有些主题很坑,各种下载报错,建议使用常用的一些主题。 创建新文章 根目录命令行输入hexo new [模板] <文章名>新建文章 其中<模板>在scaffolds中,默认情况下有三个模板post、draft、p...

使用 GitHub Actions 实现 Hexo 博客自动部署

一、Hexo 相关知识点 静态博客简单,但是发布博文时稍显麻烦,一般需要下面两步: hexo clean hexo g -d // 相当于 hexo g + hexo d 如果考虑到同步源文件,还需要每次更改后,将源文件 push 到指定仓库: git push origin master 我们可以将 Hexo 文件分为两类,一类是源文件,即下面这些...

hexo d命令报错 ERROR Deployer not found: git

我已经在站点配置文件中写入了: deploy: type: git repo: git@github.com:lanlan2017/lanlan2017.github.io.git # Github pages地址 branch: master 但是执行hexo d报错 ERROR Deployer not found: git 解决方案...

hexo+yilia主题优化及双分支部署

目录 一.yilia主题的安装 1.安装 2.配置 3.重新生成并启动hexo 二、将hexo部署到github上面,实现双分支部署 1. 部署master分支 1.1 指定hexo部署的方式、仓库、分支 1.2 为项目添加说明README.md 1.3 把master分支部署到github的master分支 2. 部署blog分支...