hexo搭建个人博客的详细步骤(hexo搭建github博客)

前言

搭建个人博客一般有三种方式,第一种是在某SDN,或者某客园搭建;第二种自己通过租云服务的方式,部署一些应用等,但数据库和应用的维护都是要靠自己,难免繁琐;第三种就是使用一些前端框架生成静态页面然后托管到Gituhub或者Gitee上,当然大牛可以自己手动代码,但小白有没有可能实现自己的个人博客搭建呢?答案是有的。

本文介绍以hexo框架,通过渲染引擎自己会生成一些代码页面,然后把这些代码页面托管到国内的代码仓库服务器Gitee上,实现免费的个人博客搭建。PS:不放在Github上的原因是因为有时候访问会特别慢

第一章 环境搭建

在使用任何工具之前,难免要搭建它的开发环境,使用hexo框架之前,我们得安装Nodejs和Git

参考链接 Hexo+gitee:30分钟搭建一个自己的个人博客网站

1.安装Node JS并修改默认源

  • 安装NodeJS方式简单,从官网下载了安装包一直Next即可
  • 检查node.js安装结果,使用win+R 打开 cmd 窗口

node -v
npm  -v

  • 更换npm下载的源为淘宝源

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

2.安装Git并配置

  • 安装git过程简单,也是从官网下载安装包,然后一直next即可
  • 注册码云账号,登陆码云,这里注册过程自行解决即可

hexo搭建个人博客的详细步骤(hexo搭建github博客)

  • git初始化配置,在桌面空白处鼠标右击,打开Git bash Here

git config --global user.name "lxxxxdy"    #码云用户名
git config --global user.email "xxx83@qq.com"   #邮箱

3.安装hexo框架

  • Hexo官网介绍,安装的命令只需要一条,win+R 打开 cmd 窗口,输入以下命令

npm install hexo-cli -g
#由于我们先前更换了淘宝源,因此下载速度会很快

hexo搭建个人博客的详细步骤(hexo搭建github博客)

这里会报一些warning,但我们不必理会

第二章 搭建本地博客

1.使用hexo初始化博客,接下来的命令都是在cmd窗口完成

  • win+R 打开cmd窗口,进入到其他盘,我这里进入到F盘

f:

hexo搭建个人博客的详细步骤(hexo搭建github博客)

  • 初始化一个项目,其中blogtest是项目名,可以自己修改

hexo init blogtest

hexo搭建个人博客的详细步骤(hexo搭建github博客)

  • 进入到博客的根目录

cd blogtest

hexo搭建个人博客的详细步骤(hexo搭建github博客)

  • 安装hexo blog所需的依赖包

npm install

hexo搭建个人博客的详细步骤(hexo搭建github博客)

2.使用hexo部署本地博客

  • 生成静态页

hexo g

hexo搭建个人博客的详细步骤(hexo搭建github博客)

  • 部署本地服务器

hexo s

hexo搭建个人博客的详细步骤(hexo搭建github博客)

  • 浏览器访问 http://localhost:4000 检查

hexo搭建个人博客的详细步骤(hexo搭建github博客)

3.修改本地博客

  • 打开新的cmd窗口,进入到博客的根目录

f:
cd blogtest

hexo搭建个人博客的详细步骤(hexo搭建github博客)

  • 新建一篇文章

hexo new '第一篇Hexo文章'

hexo搭建个人博客的详细步骤(hexo搭建github博客)

  • 浏览器刷新查看文章有没有生成

hexo搭建个人博客的详细步骤(hexo搭建github博客)

4.项目的主要目录介绍

.
├── .deploy # 需要部署的文件
├── node_modules # 项目所有的依赖包和插件
├── public # 生成的静态网页文件
├── scaffolds # 文章模板
├── source # 博客正文和其他源文件等都应该放在这里
| ├── _drafts # 草稿
| └── _posts # 文章
├── themes # 主题
├── _config.yml # 全局配置文件
└── package.json # 项目依赖信息

第三章 部署博客到码云Gitee

1.新建一个仓库,注意仓库的名称和路径都为码云的用户名

  • 在码云的个人页面,点击+ 号,新建仓库

hexo搭建个人博客的详细步骤(hexo搭建github博客)

  • 注意仓库名称和路径都要和 码云用户名一样,选择公开,选择使用Readme文件初始化仓库

hexo搭建个人博客的详细步骤(hexo搭建github博客)

2.修改博客的配置,并上传到Gitee

  • 在项目根目录下安装git部署插件

npm install hexo-deployer-git --save

hexo搭建个人博客的详细步骤(hexo搭建github博客)

  • 修改项目根路径中的_config.yml文件

在博客的根目录下,有一个_config.yml文件,我们使用一些记事本编辑它

hexo搭建个人博客的详细步骤(hexo搭建github博客)

#在文件的最底部
deploy:
type: git
repo: 仓库URL地址
branch: master

hexo搭建个人博客的详细步骤(hexo搭建github博客)

  • 将hexo博客部署到Gitee

hexo g -d

由于没有设置SSH免密,因此需要手动输入码云的用户名和密码

4.开启Gitee Pages服务

  • 点击个人仓库->服务->Gitee Pages->启动,等待页面的部署
  • 部署成功会有提示

hexo搭建个人博客的详细步骤(hexo搭建github博客)

  • 需要注意的一点,每次重新上传到Gitee,都需要手动更新按钮 更新去重新加载Gitee Page服务

5.验证个人博客

  • 浏览器访问http://用户名.gitee.io

hexo搭建个人博客的详细步骤(hexo搭建github博客)

结语

通过阅读此文我们知道了怎么使用hexo 创建本地博客并新建文章,同时上传到gitee上进行托管,后续的玩法很多,比如更换主题,增加导航或者其他小组件等,当然这些在网上有很多的参考资料,元元这里就先不整理了。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请文章底部评论留言举报,一经查实,本站将立刻删除。
(0)
上一篇 2021年11月23日 下午10:55
下一篇 2021年11月23日 下午10:55

相关推荐

  • 九寨沟在四川哪个城市哪个地区区号是多少

    关于作者:桂圆 微信:15882000174,电话:15882000174,欢迎各位骚扰哈,如果你来四川一定能够帮到你。 九寨沟的色彩无地方可以取代,特别是深秋的时候,拍摄于树正群…

    2022年4月26日
  • 联想扬天v720怎么样(联想v720笔记本电脑测评)

    黑色和厚重恐怕是传统商务本给人留下的极深刻印象,说不好听的就是又丑又呆板。现在生活节奏逐渐加快,一台笔记本可能需要同时扮演着商务本和娱乐本的双重角色,传统商务本的形象已经无法满足类…

    2021年11月9日
  • 农业行业赚钱方法(农业发展有什么好项目可以赚钱)

    我国是个农业大国,说到农业,很多农民就以为自己最懂农业,但是小编告诉你,那未必!很多农村出来的农民朋友,都解释干农业,不就是种田、浇地、丰收吗?那你就大错特错了,如今这个时代,开始…

    2022年3月23日
  • 农村创业做什么最适合(种殖什么最赚钱)

    在大城市打工或许只能解决暂时的温饱,如果想要后半生实现财富和时间自由的话,并且机会也合适的话,大家一定要抓住机会利用农村广阔的土地资源进行创业,这或许是大家翻身的为数不多的机会了。…

    2021年8月4日
  • cydia软件源下载怎么下载

    ​很早之前,我们为大家带来了有关uncOver iOS12-12.1.2越狱教程,越狱之后会出现Cydia应用商店。 我们都知道Cydia是一个越狱应用商店,我们可以通过这个应用程…

    2022年4月22日
  • 交了多少年的养老保险能在手机上查询吗?

    王女士 蓝娃,我想查询我近五年的社保缴费记录,你能帮帮我么? 蓝娃 当然可以,上海人社APP可以查询2011年至今的缴费记录。今天蓝娃带您轻松搞定! 操作指南这就来啦 第一步 登录…

    2021年10月12日
  • 奶羊养殖赚钱方法(怎样养羊最赚钱 养羊技术大全)

    一位网友说,他最近买了1斤羊奶花了8元,比去年同期上涨了50%,比养兔子效益高出3倍!羊奶营养全,抗病强,为啥养奶山羊能挣钱? 一、饲料来源广,成本低,科学配合粗细料,喂食简单,乳…

    2022年3月22日
  • 微信红包日赚7000(暴利微信项目)

    又是一年春节到,支付宝第六届“集五福”大赛已然开始。 随着瓜分金额不断缩水,网友们的参与热情已经有所下降。 但是微信这边,今年却有大看头! 01 “微信红包封面”来了 微信红包,向…

    2022年1月17日
  • 傅科摆视频(傅科摆原理演示视频)

    这是一个可以证明地球在自转的科学装置,它的名字叫傅科摆。 傅科摆视频 1851年,一位名叫傅科的法国物理学家做了一次成功的摆动实验。在没有外力作用下,这个摆会沿着顺时针方向慢慢转动…

    2021年7月10日
  • 微信公众号开发一个需要多少钱(开发一个公众号大概需要多少钱)

    有不少企业都想要开通自己的微信公众号,并对其进行开发,但是有一个很大的问题困扰他们,就是要进行微信公众号开发要多少钱?今天就给大家讲解一下 首先,我们需要注册认证一个微信公众号。目…

    2022年3月2日

发表评论

登录后才能评论