前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【个人博客搭建及配置一】基础配置

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

作者头像
ConardLi
发布2019-09-08 14:45:09
4230
发布2019-09-08 14:45:09
举报
文章被收录于专栏:code秘密花园

1.本地安装hexo

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

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

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

代码语言:javascript
复制
npm i -g hexo

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

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

代码语言:javascript
复制
hexo init

得到如下项目目录:

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

2.本地运行

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

控制台安装hexo-server

代码语言:javascript
复制
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
复制
deploy:  type: git  repo:  https://github.com/xxxx.git
 branch: master

4.部署上传

在本地安装上传工具

代码语言:javascript
复制
npm install hexo-deployer-git --save

依次执行如下命令

代码语言:javascript
复制
hexo clean     //删除上次打包hexo generate   //打包hexo deploy    /上传

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

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

一些其他配置

搜索功能

使用搜索功能首先需要:

代码语言:javascript
复制
npm install -S hexo-generator-json-content

然后:

代码语言:javascript
复制
search:    insight: true

readme

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

2.修改_config.yml

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.本地安装hexo
  • 2.本地运行
  • 3.github配置
  • 4.部署上传
  • 一些其他配置
    • 搜索功能
      • readme
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档