使用Hexo搭建个人博客01 -- 基础建站篇

原文引用https://www.dazhuanlan.com/2019/08/25/5d625ae568844/

具体安装方法自行google啦~

开始使用

安装 yarn

cmd 下输入

1
 npm install -g  yarn

-g 表示全局安装 将插件加入系统环境变量中 使 cmd 可以在任意目录下使用 yarn 命令

安装 Hexo

1
$ yarn add  hexo

初始化Hexo

安装 Hexo 完成后,执行下列命令,Hexo 将会在您指定文档夹中新建所需要的文档。

123
$ hexo init <folder>$ cd <folder>$ yarn

执行完毕后,你的项目会生成以下目录结构

123456789101112131415
.├── node_modules       //依赖安装目录├── scaffolds          //模板文档夹,新建的文章将会从此目录下的文档中继承格式|   ├── draft.md         //草稿模板|   ├── page.md          //页面模板|   └── post.md          //文章模板├── source             //资源文档夹,用于放置图片、数据、文章等资源|   └── _posts           //文章目录├── themes             //主题文档夹|   └── landscape        //默认主题├── .gitignore         //指定不纳入git版本控制的文档├── _config.yml        //站点配置文档├── db.json            ├── package.json└── yarn-lock.json

到这里你就完成了所有的准备工作,只需一条命令即可启动你的博客

本地预览Hexo

项目目录下依次输入

123
$ hexo cl       $ hexo g        $ hexo s        #  启动本地预览服务器  默认端口4000

成功后,访问 http://localhost:4000/ 启动你的预览

如果端口被占用想自定义一个新端口 再或者想启动Debug模式怎么办?
hexo s启动命令也有附加参数
–p [端口号] 修改端口号
–debug 开启debug模式

1
$ hexo s  --p  [端口号]   --debug

部署Hexo

我们写 blog 更多还是想一起分享的,本地自嗨怎么能行,肯定要部署到服务器上啦~ 目前有2种方式可以部署我们的博客

  • 使用 github 或 coding 的 pages 服务
  • 部署在自己的VPS上

    github部署

打开 github ,新建一个 repository
Repository name 一定要为 [你的用户名].github.io
将你的本地公钥绑定在github上,如果尚未生成 ssh 公钥对,执行如下命令生成新的公钥对:

1
$ ssh-keygen

如果是 Windows 操作系统,
此时会在 C:UsersUsername.ssh 目录下生成密钥文档 id_rsa 和公钥文档 id_rsa.pub。

在 github 右上角头像点击 settings / SSH and GPG keys ,
新建一个 SSH key ,将你id_rsa.pub 文档中的内容复制到 key中

在站点配置文档 _config.yml 中设置

_config.yml
1234567
# Deployment## Docs: https://hexo.io/docs/deployment.htmldeploy:  type: git  repo:        github: [你的github仓库地址]  branch: master

安装Hexo部署插件

1
$ yarn  add  hexo-deployer-git

在当前目录下打开 cmd输入以下命令 开始部署

123
$ hexo cl$ hexo g$ hexo d

访问 [你的github项目名].github.io 查看是否部署成功

每次启动或者部署输入三个命令很麻烦,可以把这三个命令写入到 package.json

1234
"scripts": {   "deploy": "hexo clean && hexo g -d",   "start": "hexo clean && hexo g && hexo s --debug", }

以后只需输入 yarn start ( 启动预览 ) yarn deploy ( 部署 )

VPS部署

考虑考虑

解开了揭开

原文地址:https://www.cnblogs.com/petewell/p/11408857.html

时间: 2024-08-01 20:24:08

使用Hexo搭建个人博客01 -- 基础建站篇的相关文章

使用Hexo搭建GitHub博客(2018年Mac版)

关于本文 本文仅记录自己学习搭建Hexo博客之时,搭建过程中掉坑的历程总结,对零基础起步的观众朋友可能缺乏某些基础技术的指导,请优先食用下述两篇优质教程: [2018更新]小白独立搭建博客-Github Pages和Hexo简明教程 - Ryane的个人页面 - 开源中国 GitHub+Hexo 搭建个人网站详细教程 ※ 为了更优质的排版视觉效果,欢迎移步到简书浏览:使用Hexo搭建GitHub博客(2018年Mac版) 十万个为什么 什么是Hexo 度娘谷歌搜索了Hexo各种资料解说,个人感觉

Linux下使用 github+hexo 搭建个人博客03-hexo配置优化

上两张文章,我们说了 hexo 部署.主题的切换.博文的创建.MarkDown 简单使用和 hexo 部署到 GitHub Pages. 也说了我们会使用 next 主题做为我们后期博客的使用和维护.但是该主题的原生态,可能或多或少不满足我们当前的需求,因此需要我们对其进行优化,达到我们想要的效果. 因此这篇文章和下篇文章主要就是针对主题的优化进行书写的. 注意事项 1.优化完毕或者新建博客后需要 hexo g 生成静态文件: 2.然后重新启动服务,使用命令 hexo s -p 80 3.浏览器

Linux下使用 github+hexo 搭建个人博客04-next主题优化

上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功能和所想的风格. 可参考网站 http://theme-next.iissnan.com/getting-started.html 主题设定 选择 Scheme 修改 next 主题配置文件. 1 [[email protected] next]# pwd 2 /app/softinsall/hex

Hexo搭建个人博客(一)&mdash; 前期准备

最近几个月自学python的过程中,搜索爬虫资料的时候关注了xlzd的博客,为我开启了一片新世界,之后慢慢收藏了各方高人的博客.搭建一个自己博客的萌芽也悄然种下,也许是命运使然,在逛知乎的时候偶然间看到如何使用10个小时搭建出个人域名而又Geek的独立博客?,得到了浇灌的萌芽开始茁壮生长.经过几天不懈的没日没夜的努力,解决了各种问题(ps:因为一个bug曾让我一度对自己感到绝望),终于把自己的博客搭建成功.接下来我就把我走过N多弯路后的经验传授给大家,让大家少走弯路轻松愉快地搭建自己的Hexo博

GitHub与Hexo搭建个人博客

GitHub与Hexo搭建个人博客 安装node.js ? 自己百度 安装Git ? 自己百度 创建GitHub仓库 安装hexo ? npm install -g hexo-cli 新建文件夹 初始化文件夹 ? hexo init 安装依赖包 ? hexo install 安装hexo-deployer-git ? npm install hexo-deployer-git --save 在 _config.yml 文件中配置如下 把项目部署到github中的lsqstudy.github.i

基于Hexo搭建个人博客网站

## 准备工作 首先下载[nodejs](https://nodejs.org/en/download/),一路next安装即可.验证是否安装成功: ```bash node -v # 输出 v10.15.1 npm -v # 输出 6.8.0 ``` 接下来更改npm的安装源,这能大大加快安装包的速度. ```bash npm get registry # 输出默认源 https://registry.npmjs.org/ npm config set registry http://regi

github page 和 hexo 搭建在线博客

目录: 安装node.js与git 常用git命令 安装hexo 配置hexo hexo发布到github 1.安装node.js和git工具 https://nodejs.org/en/ 直接下载安装Node.js,有的IDE自带node.js,比如vs2015. 控制台中输入npm查看node.jd是否安装完成 https://git-for-windows.github.io/ windows版的git https://desktop.github.com/ github for wind

hexo 搭建静态博客 + Next 主题配置

参考手册 HEXO:https://hexo.io/zh-cn/ NEXT:http://theme-next.iissnan.com/ 安装hexo npm install hexo-cli -g 或者可以局部安装 hexo npm install hexo -S 初始化博客 hexo init xxx 或者进入到一个空文件夹里,执行:hexo init 网站配置文件详解 # Hexo Configuration ## Docs: https://hexo.io/docs/configurat

Linux下使用Hexo搭建github博客

找到一篇靠谱的博客,备份一下: ---------以下原文------------------ Nodejs安装 因为hexo是基于nodejs的应用,所以要先安装nodejs才可以.我这里以Ubuntu为例,因为我自己一直在使用ubuntu.使用如下命令即可: sudo apt-get install nodejs sudo apt-get install npm Hexo安装 Hexo 是一个功能强大的静态网站生成系统,快速.简洁.高效.Hexo 支持 GitHub Flavored Mar