使用Hexo快速搭建个人博客

接续上篇文章:https://blog.csdn.net/weixin_37189727/article/details/85619157

搭建好属于自己的网站访问连接,接下来需要设计自己的网站。

1、搭建环境

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

  • 1.1 搭建node.js的环境

下载地址:http://nodejs.cn/download

测试安装环境:node -v 、npm -v  查看版本号

  •  1.2安装Git工具

下载地址:https://git-scm.com/downloads

安装手顺:https://blog.csdn.net/orange228/article/details/79365795

                https://blog.csdn.net/zx1996119/article/details/80814752

测试安装

  开始菜单栏里面如图:

点击Git Bash,则表示安装成功

查看版本:git version

  • 将自己的电脑与指定github账户关联 

git   config --global user.name "用户名"                                                                                                                                 

git    config --global user.email "邮箱"

  1. 创建用户名和邮箱                                                                                                                                                                 
  2. 生成本机的SSH key                                                                                                                                                             ssh-keygen -t rsa -C "邮箱"                            
  3. 打开你的github主页。找到Settings,设置ssh keys  验证是否添加成功  ssh -T git@github.com
  4. 设置_config.yml文件                                                                                                                                                              用编辑器打开你的blog项目,修改_config.yml文件的一些配置(冒号之后都是有一个半角空格的):()                                                                                                                                       

  

 

 

 

  • 1.3 安装 Hexo

先创建一个文件夹(用来存放所有blog的东西),然后cd到该文件夹下。

运行命令:$ npm i -g hexo

 npm -v 测试安装情况

独立安装服务器:npm i hexo-server 

2、创建本地博客

  • 初始化命令 hexo init
  • 解释一下:
    • node_modules:是依赖包
    • public:存放的是生成的页面
    • scaffolds:命令生成文章等的模板
    • source:用命令创建的各种文章
    • themes:主题
    • _config.yml:整个博客的配置
    • db.json:source解析所得到的
    • package.json:项目所需模块项目的配置信息
  • 打开你的blog项目配置_config.yml文件

  • 回到gitbash中,进入你的blog目录,分别执行以下命令:
    •  hexo clean
    • hexo generate
    • hexo server
  • 安装部署命令:npm install hexo-deployer-git --save
  • 执行命令:
    •  hexo clean
    • hexo generate
    • hexo deploy username/passward
  • 参考文档:https://yangbingdong.com/2017/build-blog-hexo-base/#GitHub
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Hexo是一个基于Node.js的静态博客框架,可以帮助你快速搭建个人博客。在Mac上搭建Hexo个人博客的步骤如下: 1. 安装Node.js:首先确保你的Mac上已经安装了Node.js,可以在终端中输入`node -v`来检查是否已经安装。如果没有安装,可以去Node.js官网下载并安装。 2. 安装Hexo:在终端中输入以下命令来安装Hexo: ``` npm install -g hexo-cli ``` 3. 创建博客:在终端中选择一个合适的目录,然后执行以下命令来创建一个新的Hexo博客: ``` hexo init myblog cd myblog npm install ``` 4. 配置博客:在博客目录下找到 `_config.yml` 文件,使用文本编辑器打开进行配置。你可以设置博客的标题、描述、作者等信息,还可以选择主题和插件。 5. 编写文章:在终端中执行以下命令来创建一篇新文章: ``` hexo new "My First Post" ``` 这将在 `source/_posts` 目录下创建一个新的Markdown文件,你可以使用Markdown语法来编写文章内容。 6. 生成静态文件:在终端中执行以下命令来生成静态文件: ``` hexo generate ``` 生成的静态文件将会存放在 `public` 目录下。 7. 预览博客:在终端中执行以下命令来启动Hexo服务器并预览博客: ``` hexo server ``` 然后在浏览器中访问 `http://localhost:4000` 就可以看到你的博客了。 以上就是在Mac上使用Hexo搭建个人博客的基本步骤。如果你想了解更多关于Hexo的详细配置和使用方法,可以查阅Hexo官方文档。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值