Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >【个人博客搭建及配置一】基础配置

【个人博客搭建及配置一】基础配置

作者头像
ConardLi
发布于 2019-09-08 06:45:09
发布于 2019-09-08 06:45:09
45900
代码可运行
举报
文章被收录于专栏:code秘密花园code秘密花园
运行总次数:0
代码可运行

1.本地安装hexo

首先保证你电脑上有node环境,这个不懂的可以自定百度。

控制台输入node -v出现版本号说明安装成功。

有了node就可以安装hexo了,控制台输入如下命令

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm i -g hexo

同样控制台输入hexo -v出现版本号说明安装成功。

然后开始初始化项目,控制台输入:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
hexo init

得到如下项目目录:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
node_modules:是依赖包public:存放的是生成的页面scaffolds:命令生成文章等的模板source:用命令创建的各种文章themes:主题_config.yml:整个博客的配置db.json:source解析所得到的package.json:项目所需模块项目的配置信息

2.本地运行

首先在本地跑起来你的代码

控制台安装hexo-server

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm i hexo-server

然后运行 hexo-server

在浏览器中访问:http://localhost:4000 就可以看到你本定运行的页面了

这时你可以在本地调试一下你的blog。

3.github配置

首先要创建一个github账号

并配置好ssh

这些不懂的可以自行百度。

创建一个repo,名称为yourname.github.io, 其中yourname是你的github名称,按照这个规则创建github page才会生效。

修改_config.yml中的git配置

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
deploy:  type: git  repo:  https://github.com/xxxx.git
 branch: master

4.部署上传

在本地安装上传工具

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm install hexo-deployer-git --save

依次执行如下命令

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
hexo clean     //删除上次打包hexo generate   //打包hexo deploy    /上传

这里我单独写了sh执行这三段脚本,这样每次只需要执行这个sh即可。

在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客了!

一些其他配置

搜索功能

使用搜索功能首先需要:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm install -S hexo-generator-json-content

然后:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
search:    insight: true

readme

1.首先在source文件夹下建立一个README.md

2.修改_config.yml

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
skip_render: README.md
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-11-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 code秘密花园 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
搭建自己的技术博客系列(二)把 Hexo 博客部署到 GitHub 上
git config --global user.email "youremail"
程序员黄小斜
2019/09/13
5450
HEXO快速搭建自己的博客
一:下载Git:https://git-for-windows.github.io/  
达达前端
2022/04/29
3020
HEXO快速搭建自己的博客
hexo从零开始到搭建完整
其实平时自己写的文章并不多,偶尔看到一些东西会做点笔记,但是每次写的东西都会到处放,不好找,所以才想着自己搭建一个人博客网站,现在大家用hexo比较多,也比较方便,并且能使用的主题也很多,所以小花就用她啦~
JunyouYH
2020/03/12
5740
基于Hexo和GitHub搭建一个免费博客域名图文教学
首先给大家看一下我的成品:https://wanghao221.github.io/
海拥
2021/08/23
7590
基于Hexo和GitHub搭建一个免费博客域名图文教学
Hexo+github搭建个人博客
https://www.bilibili.com/video/BV1NY4y1C7Ng
武师叔
2022/09/26
6951
Hexo+github搭建个人博客
Hexo + Gitee 博客搭建详细指南
Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上。
smallmayi
2022/05/12
1.8K0
Hexo + Gitee  博客搭建详细指南
使用github + hexo搭建个人博客
新建一个名为你的用户名.github.io的仓库,比如说,如果你的github用户名是test,那么你就新建test.github.io的仓库(必须是你的用户名,其它名称无效),将来你的网站访问地址就是 http://test.github.io 了,是不是很方便?
秃头哥编程
2019/07/12
1.1K0
使用github + hexo搭建个人博客
Hexo + Git Pages搭建个人博客(一)
期待已久的Hexo部署教程终于来了,本次发帖是在经过较长时间地使用Hexo之后才发出的,一成功就发感觉有点不稳,本贴主要是记录了本博客站的最终搭建方案,会分为几个部分,这次就讲讲怎么把Hexo运行起来的方法。
impressionyang
2020/08/26
4810
使用gitpage+Hexo搭建自己的博客
摘自:https://xuanwo.org/2015/03/26/hexo-intor/ 写的很详细了,就不仔细写一遍了,就当个记录吧,以后出问题了好解决一点。
小二三不乌
2018/08/02
8220
使用gitpage+Hexo搭建自己的博客
个人博客搭建
  前前后后大概花了一周多的时间,目前个人博客已经完善的差不多了,现在写个文章做个阶段总结,后续如果有更新的地方,会及时补充。本博客基于Hexo框架,采用hexo-theme-matery主题,在这里非常感谢作者洪卫的hexo-blog-fly博客开源,极大简化了构建博客的工作量和复杂度。在此开源博客的基础上做了改进,修复了一些bug,顺利搭建完成了我的个人博客。大家对此主题有兴趣的可以下载源代码,搭建属于自己的个性化博客。
LuckySec
2022/11/02
2.6K0
个人博客搭建
用GitHub Pages和Hexo搭建个人博客小站
因为GitHub在国内太慢的原因,所以打算用gitee或者coding的,但是发现现在国内的代码托管商新建仓库都不支持自定义域名了,所以只能用回GitHub Pages来托管了。
可定
2020/04/20
5550
用GitHub Pages和Hexo搭建个人博客小站
hexo + GitHub
在最后找到Github pages(我的是默认开启的,如果你不是就点击Launch automatic page generator按钮,一直下一步就行了)
FinGet
2019/06/28
6130
hexo + GitHub
独立博客搭建系列1:使用 hexo 搭建一个精美博客,并部署到GitHub Pages
https://github.com/ppoffice/hexo-theme-icarus
Java技术江湖
2019/09/24
8410
独立博客搭建系列1:使用 hexo 搭建一个精美博客,并部署到GitHub Pages
hexo + Gitee搭建个人博客
hexo + Gitee搭建个人博客 (Hexo和GitHub类似,但是访问比较慢)
千羽
2021/01/15
4980
hexo + Gitee搭建个人博客
这可能是迄今为止最全的hexo博客搭建教程
这是阮一峰在博客中写到的关于 Blog 的想法,而这里的第三阶段的实现就是利用 GitHub Pages 搭建博客。
程序员小明
2019/10/14
7.6K0
这可能是迄今为止最全的hexo博客搭建教程
手把手教你搭建个人博客
hexo + Gitee搭建个人博客 (Hexo和GitHub类似,但是访问比较慢)
千羽
2021/01/14
4320
手把手教你搭建个人博客
手把手教你搭建GitHub个人博客网站
新建一个名为你的用户名.github.io的仓库,这里,我的github用户名是Wasabi1234,那么就新建Wasabi1234.github.io的仓库,必须是你的用户名,其它名称无效,将来你的网站访问地址就是 http://Wasabi1234.github.io
JavaEdge
2022/11/30
8710
手把手教你搭建GitHub个人博客网站
基于 Hexo 从零开始搭建个人博客(二)
在目标路径(我这里选的路径为【G:/hexo-blog】)打开cmd命令窗口,执行hexo init初始化项目。
唐志远
2022/10/27
4720
基于 Hexo 从零开始搭建个人博客(二)
使用Git搭建个人博客
1. Git 下载(Git for windows 国内下载)、安装(安装时请勾选Add to PATH选项)、配置、生成SSH公钥
chenchenchen
2022/03/09
5240
使用Git搭建个人博客
独立搭建个人博客除了云服务器,还需要哪些技术知识?
搭建独立博客不是很繁琐,只要你静下心,一点点弄,很快就能搭建好。 首先、云服务器 推荐【腾讯云】多款云产品1折起,买云服务器送免费机器,最长免费续3个月 https://cloud.tencent.
用户5576896
2022/07/20
6430
相关推荐
搭建自己的技术博客系列(二)把 Hexo 博客部署到 GitHub 上
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验