Hexo零基础搭建个人博客

Hexo是一个基于 node.js的快速生成静态博客的开源框架,支持 Markdown和大多数 Octopress
插件,一个命令即可部署到 Github页面、 Giteee、 Heroku等,强大的APl,可无限扩展,拥有
数百个主题和插件。

简单来说就是一个不用你写代码,就能搭建一套属于你自己的个人博客网站 应用(零基础小白也会)。

你可以在上面编写文章,做笔记,写日记,码代码。(一个属于你的世界!一个可供别人访问的个人世界)

另外Hero还提供了大量主题模版供用户下载。你的博客网站将可以时不时的换一种主题风格,赏心悦目,简直完美!

一、环境准备

1、安装Node.js

直接到官网上下载安装即可https://nodejs.org/en/download/

  • Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本)
  • Node自带npm

2、安装Git

  • Windows:下载并安装 git.
  • Mac:使用 Homebrew, MacPorts 或者下载 安装程序。
  • Linux (Ubuntu, Debian):sudo apt-get install git-core
  • Linux (Fedora, Red Hat, CentOS):sudo yum install git-core

npm下载慢的话也可以下载淘宝下载源cnpm

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

二、开始安装Hexo

1、安装hexo

npm install -g hexo-cli
或者
cnpm install -g hexo-cli

安装完成可输入hexo -v查看版本

2、初始化hexo,新建存储博客的文件夹

hexo init myblog

3、进入文件夹,安装一下npm

cd myblog
npm install

可以看到我们的hexo站点就已经安装好了,接下来就可以直接启动他了

4、启动服务站点

hexo g
hexo server

访问http://localhost:4000/ 至此hero就搭建好了。可以在本地访问了

三、Gitee上建站访问

可在github或者gitee上建站,gitee国内访问快一些

1、新建仓库

格式必须是:用户名+.gitee.io 只有这样,将来要部署到Gite e page的时候,才会被识别,也就是xxxx.gitee.io,其中xxx就是你注册Gitee的用户名。

2、将hexo博客站点上传到gitee上

这里需要安装一个hexo的上传插件deploy-git

npm install hexo-deployer-git --save

3、修改hexo配置文件指定仓库路径

可在文件夹中直接打开文件,也可通过vim直接编辑

找到Deployment加上(注意空格)

deploy:type: gitrepo: 你的仓库路径branch: master

4、推送hexo站点文件

之后就可以推送博客站点到gitee上了

推送命令
hexo d

扩展:

其中 hexo clean清除了你之前生成的东西,也可以不加。
hexo generate 顾名思义,生成静态文章,可以用 hexo g缩写
hexo deploy 部署文章,可以用hexo d缩写

推送中会要求输入gitee的用户名和密码(如果不想每次都输可以配置ssh,我这里就不做演示了)

然后就可以看到gitee上有推上来的文件了

5、配置Pages服务

目前我们站点还无法访问需要开启Gitee Pages(gitee需要开启,github不需要)

审核通过启动我们就可以访问啦。

gitee上传新文件之后,需要手动更新一下,更新后的页面才会生效

多说一句:如果觉得这个访问路径太长了,我们可以去买一个域名,将该路径绑定到域名上,即可通过域名访问了。

四、GitHub上建站访问

在gitee上建站发现有限制条件,所有也可以采用github建站的方式。

步骤和gitee一样。

1、新建guthub仓库

仓库名称限制了为你的:用户名+.github.io

2、安装hexo上传插件

npm install hexo-deployer-git --save

3、修改hexo配置文件指定仓库路径

可在文件夹中直接打开文件,也可通过vim直接编辑

vim _config.yml #找到Deploymentdeploy:  type: git  repo: 你的github仓库路径  branch: master

4、推送站点到github

推送命令hexo d

推送过程中需要输入你的github用户名和密码。但是在2021年8月14日开始github官方就加强安全访问。不能通过原有账号密码git访问,密码需要用官方的token或者采用ssh公私钥访问。否则会出现下图:鉴权失败(用户名密码错误)

官方原话:

近年来,GitHub 客户受益于 GitHub.com 的许多安全增强功能,例如双因素身份验证、登录警报、经过验证的设备、防止使用泄露密码和 WebAuthn 支持。 这些功能使攻击者更难获取在多个网站上重复使用的密码并使用它来尝试访问您的 GitHub 帐户。 尽管有这些改进,但由于历史原因,未启用双因素身份验证的客户仍能够仅使用其GitHub 用户名和密码继续对 Git 和 API 操作进行身份验证。

从 2021 年 8 月 13 日开始,我们将在对 Git 操作进行身份验证时不再接受帐户密码,并将要求使用基于令牌(token)的身份验证,例如个人访问令牌(针对开发人员)或 OAuth 或 GitHub 应用程序安装令牌(针对集成商) GitHub.com 上所有经过身份验证的 Git 操作。 您也可以继续在您喜欢的地方使用 SSH 密钥

解决方式就是获取token,登录github设置setting->Developer Settings->Prosonal access tokens 创建一个新token。然后就可以拿这个token当密码输入了。

用户名和token输入后,上传成功。

5、尝试访问

输入你的仓库名称,即可访问成功。

https://lindaifeng.github.io/

五、更换主题

博客样式太死板,想换成属于自己的风格,没问题我们可以更换博客的主题,来达到我们想要的风格。

到GitHub上搜索hexo主题或者hero自带的主题https://hexo.io/themes/。

1、找一个喜欢的。

按照各自的主题文档上面一步步操作即可。

一般步骤:

1、下载解压2、放到主题包themes文件夹下面3、在hero配置文件_config.yml中修改为喜欢主题的名字4、hero server启动即可访问

六、更新仓库

本地调试完之后。就可以更新到github上了

//清理hexo clean//构建静态文件hexo g//上传至仓库hexo d

访问:

七、写文章

在站点文件夹中打开 git ,输入如下命令创建文章,其中 我的第一篇博客 为文章的标题。hexo会在source文件夹下创建一个markdowm的文件。这就是你要编写的文章。

Markdown 是一种可以使用普通文本编辑器编写的 标记语言,通过简单的 标记语法,它可以使普通文本内容具有一定的格式

基于 Markdown 语法的简洁性,它已经成为目前世界上最流行的用于书写博客的语言

$ hexo new "我的第一篇博客"

用软件typora打开直接编写文章

在上传更新到github上立马能够查看到。

//清理hexo clean//构建静态文件hexo g//上传至仓库(上传报错多位网络原因,多上传几次即可)hexo d

草稿箱

很多时候我们需要先写成草稿,而暂时不发布出去。draft page就可以满足我们的要求,我们的网站上是看不到草稿文件的。

//新建草稿文件hexo new draft b//预览草稿文件hexo server --draft//发布草稿hexo publish b

八、新建页面

有时我们不满足主题自由的一些页面,希望自己添加一些页面。

我们可以新建页面,新建页面则会在hexo的source中新建该页面文件并生成md文件,这就是你要编辑的博客页了。

hexo new page "resouces"

然后打开主题的配置文件_config.yml,在菜单属性menu中的添加如下(注意不是Hexo的配置文件)

将页面路径联接到页面上去

菜单自定义名称:/生成的页面名称

当我们点击资源时后会跳转到我们自定义的博客页了(该页面不一样是因为我跟换了主题)

至此Hexo的安装,建站,写博客,更新,新建菜单就全部介绍完毕。

Hexo-零基础搭建个人博客(详解)相关推荐

  1. 新手小白零基础搭建个人博客(二)Hexo搭建

    之前已经给大家讲完了,如何准备一个阿里云服务器或者准备github代码托管,今天就给大家说说如何搭建hexo. 服务器用户请阅读1.3 github用户请阅读3 双管齐下用户请阅读1.2.3 1.本文 ...

  2. typora绑定github博客_零基础搭建个人博客

    因为懒得再写一遍了,所以直接复制过来了,建议直接去文章地址查看 文章链接: https://hmoumou.xyz/2020/08/14/shi-yong-github-pages-hexo-da-j ...

  3. 新手小白零基础搭建个人博客(三)部署篇

    搭建本地hexo服务 搭建本地hexo服务可以参见我之前的博客,这里不再赘述. 获取SSH KEY 在自己的电脑上,获取SSH Key 在服务器上切换至git用户,添加SSH Key 在客户端查看并复 ...

  4. 新手小白零基础搭建个人博客(一)服务器篇

    搭建博客,第一步肯定就是要准备一个服务器了,除非你找到别人帮你代挂,这里给大家推荐阿里云的服务器.如果不想花钱,也可以使用Github进行代码托管,但是GitHub是国外服务器,读取速度肯定不如阿里云 ...

  5. ubuntu 14.04服务器上使用nginx搭建wordpress博客详解

    过程详解 1.更新apt-get sudo apt-get update 2.安装nginx sudo apt-get install nginx 3.启动nginx sudo service ngi ...

  6. 使用hexo+yilia+github搭建个人博客

    本人搭建博客地址: http://www.janszeng.top/ 经过几天的折腾,终于配成功了,现记录如下,本人是在win7上搭建个人博客的. 直奔主题,搭建个人博客主要分为以下几步: * 先查看 ...

  7. 使用Hexo 和Github搭建个人博客

    文章目录 **背景知识** 搭建环境 安装必要软件 配置 Git SSH key 配置 Hexo 使用 Github Page 仓库 写博客 创建一个新页面 生成静态文件 发布博文到 Github P ...

  8. Hexo+Github+Vscode搭建个人博客内含添加图片和更换主题

    本文导航 0. 环境配置 1. 连接GitHub 2. 创建Github Pages仓库 3. 本地安装Hexo博客程序 4. Hexo初始化和本地预览 博客目录结构 5. 部署Hexo到Github ...

  9. hexo加Github搭建个人博客(一、二)

    hexo加Github搭建个人博客(一) 在这之前,我们先介绍一下hexo加Github搭建博客的有关事项 1.hexo搭建的是静态网页,每次修改后都要执行静态生成,然后再执行部署 2.Github仓 ...

最新文章

  1. 封装了一套WeCenter的IOS SDK
  2. 临近期末,图书管理系统课设项目安排上(附源码)
  3. android webview 内存溢出,android
  4. mysql 田_Mysql知识总结
  5. EPUB CFI 规范
  6. nyoj-483--Nightmare--BFS+允许回头
  7. Linux 使用本地yum源及软件包管理
  8. 我国博士不是太多了,而是太少了!
  9. linux内核编译,内核参数修改
  10. 智能优化算法:旗鱼优化算法-附代码
  11. DiffImg_PDF文件比较软件diffpdf及JPG校对软件Diffimg绿化版
  12. Java中使用Google zxing生成二维码
  13. 智能车改舵机中值步骤_智能车制作全过程(飞思卡尔)
  14. 高中计算机教师学期论文,高中信息技术论文范文
  15. html苹果笔记本文稿如何转换,苹果电脑的pages文档想要变成word格式该如何转换...
  16. 惠普HP compaq康柏系列 CQ40笔记本电脑拆机除尘
  17. NIVIDIA Xavier联网问题
  18. elasticsearch,spring boot,mybatis项目小结
  19. vue中eslint报Disallow self-closing on HTML void elements格式错误时的解决方案
  20. 如何计算给定二叉树中的叶节点数?

热门文章

  1. 使用rxjs以及javascript解决前端的防抖和节流
  2. U8导入根据Excel导入BOM
  3. H5数据可视化(高德地图绘制行政区)
  4. 自动拖取win10聚焦壁纸到桌面
  5. html js参考手册,JavaScript 和 HTML DOM 参考手册
  6. js实现数据分页算法
  7. 【模拟IC】模拟集成电路面试题分享(1)
  8. 【Axure教程】多选和批量操作的表格模板
  9. JDK的下载安装(含安装文件)
  10. python 简单程序设计