从零开始搭建私人博客

大家好我是叫驴,不知道你们在网上冲浪的时候有没有发现某些货的博客是私人的,虽然说起来没什么卵用,但是装杯[舔屏]。

效果展示

主页

归档

关于我

文章页

准备工作

Npm
Git
Hexo(Hexo 是一个快速、简洁且高效的博客框架。)


安装Hexo

npm install -g hexo-cli

安装hexo

Hexo初始化

建一个新的目录,在目录下执行init命令

hexo init

hexo初始化

新建完成后,指定文件夹的目录如下:

  _config.yml
  package.json
  scaffolds
  source
     _drafts
     _posts
  themes

node_modules  npm 文件缓存目录
scaffolds     文夹件下存放的是文章、页面模版
scource       文夹件下存放的是我们的资源文件
themes        文件下存放的是我们的主题文件
.gitignore    git 忽略文件,设置提交文件时,哪些文件不提交
_config.yml   站点配置文件
package.json  站点版本,站点依赖文件
yarn.lock     yarn.lock 文件由 Yarn 自动创建,并且完全通过 Yarn 进行操作。

Hexo常用命令

nbsp;hexo generate (hexo g) 生成静态文件
nbsp;hexo server (hexo s) 启动本地服务
nbsp;hexo deploy (hexo d) 提交到远程仓库
nbsp;hexo new page "xx"(hexo n page) 创建页面 
nbsp;hexo new "xx" (hexo n "") 创建文章
nbsp;hexo d -g 生成静态并提交到远程仓库
nbsp;hexo s -g 生成静态文件并启动本地预览
nbsp;hexo clean 清除本地 public 文件

Hexo启动并访问

hexo s (hexo server缩写)

启动hexo

hexo默认主题

至此你的私人博客就搭建完成了。。不喜欢可以骂我,没必要划走。

这怎么跟你截图的不一样,卖家秀是吧,你瞅瞅你那个**

我知道你很急,但是你先别急

Hexo主题

Hexo官方提供了很多免费的主题,自己选一个作为自己的,我用的是Fluid


下载Fluid

npm install --save hexo-theme-fluid
修改 _config.yml
	- theme fluid

fluid主题

至此博客大体步骤差不多了,下面就是根据需要修改配置项了,具体见fluid手册

用户手册

编写文章

hexo new 文章名
执行之后再/source/_posts下会出现你刚刚新建的md文件

部署到Gitee

新建 Gitee 仓库,仓库的路径要和用户名(个人空间地址)一致
修改配置_config.yml
-
  deploy:
    type: git
    repo: https://gitee.com/***/**.git  # 你刚刚新建的仓库地址
    branch: master

推送代码到gitee

hexo d

开启 Gitee Pages 服务

这一步也操作完成就可以打开地址查看你自己的私人博客了

后续写了新文章执行hexo g -d 更新pages即可。


另外审核人员你给我出来为什么我贴个外部链接网址都审核不通过

展开阅读全文

页面更新:2024-03-03

标签:私人   博客   静态   仓库   站点   地址   文件   目录   主题   文章

1 2 3 4 5

上滑加载更多 ↓
推荐阅读:
友情链接:
更多:

本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828  

© CopyRight 2008-2024 All Rights Reserved. Powered By bs178.com 闽ICP备11008920号-3
闽公网安备35020302034844号

Top