0基础搭建个人博客---Hexo

零基础搭建个人博客

基于Hexo,github搭建博客

一、准备工作

1、安装Node.js

因为需要下载前端依赖

2、下载Hexo
因npm下载Hexo为国外地址,可以换成淘宝的镜像仓库安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install -g hexo-cli

二、本地准备

1、创建目录

Hexo的所有文章都是以文件的形式存储在目录下的,所以首先需要新建一个目录,例如创建一个:blog文件夹,在此目录下操作。

2、初始化Hexo

创建好目录后进入当前文件夹dos命令下,进行初始化

hexo init 

3、生成静态资源,并启动

在当前文件夹dos命令下

hexo g #生成静态资源
hexo s #启动服务

启动项目完成

三、项目部署

部署项目公网访问

1、在github上创建一个仓库

注意:仓库名一定要写成
用户名.github.io
例:xincen-cn.github.io

2、本地配置yml文件

打开本地Hexo目录中_config.yml文件
找到deploy
配置如下:

deploy:
  type: git
  repo: https://github.com/****/** #你的仓库地址
  branch: master

3、本地安装Hexo 中git插件

npm install --save hexo-deployer-git

4、 部署项目启动

hexo clean #清楚之前的样式数据
hexo g #生成新的静态资源
hexo d #上传资源到你的github上

以上全部完成个人博客就已经搭建起来了

四、添加文档和修改主体

添加博客文档

在blog目录下dos命令下

hexo nwe "文件名"

会在source/_posts目录下生成Markdown文档,直接打开编辑想要添加的内容就可以了;

也可以手动在source/_posts目录下创建Markdown文档

修改主题

1、在Hexo官网或者github上面下载自己喜欢的主题
2、将下载好的主题文件放入`themleaf`文件夹下
3、修改`_config.yml`文件,找到theme
#theme: 下载主题文件夹名
theme: next                          #注意:“theme:”后要带一个空格

以上做好重新清除、生成、上传就好了。

附:个人博客
fluid主题

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值