博客搭建

简介: 博客搭建

仓库准备

创建一个github仓库



名字格式如下



创建完成




环境准备

可百度自行寻找安装方法


安装npm
安装git


安装完成后确保能使用如下命令




博客搭建

创建一个目录,名字任意,然后打开git bash



使用git init初始化目录



在git根目录下创建一个Blog目录,打开cmd窗口用如下命令安装hexo-cli


npm install -g hexo-cli


然后在Blog目录下使用如下命令完成hexo初始化


hexo init


初始化后的文件结构



使用如下命令启动博客


hexo s



本地访问



切换主题

Hexo默认的主体比较简约,屏幕使用占比不是很高,用户可以根据自己的喜好自定义Hexo主体,这里以butterfly主题为例


在Hexo的根目录执行如下命令


git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly



在/Blog/themes下会克隆一个文件夹下来



然后在Hexo的根目录下修改_config.yml文件里的theme为butterfly



修改后在安装一下 pug 和 stylus 的渲染器


npm install hexo-renderer-pug hexo-renderer-stylus --save



重新启动查看效果




上传Github

本地搭建没有问题之后,就可以把博客部署到Github仓库里去了


复制我们之前创建好的仓库的地址



然后在Hexo的根目录下的_config.yml进行如下配置


deploy:
  type: 'git'
  repository: https://github.com/suifeng-kali/suifeng-kali.github.io.git
  branch: master



配置好后可以下载一个deploy-git,利用deploy-git简化部署步骤


npm install hexo-deployer-git --save



然后使用如下命令进行部署


hexo clean
hexo generate
hexo deploy


目录
相关文章
|
前端开发
前端好的博客收藏
前端好的博客收藏
63 0
|
前端开发 JavaScript Java
【博客平台】
【博客平台】
111 0
|
Ubuntu Docker 容器
关于该博客的搭建
关于该博客的搭建
89 0
|
数据安全/隐私保护 云计算 开发者
开始写博客 | 学习笔记
快速学习 开始写博客
109 0
开始写博客 | 学习笔记
|
域名解析 弹性计算 资源调度
工具分享【一】5分钟搭建自己的博客
本文利用vuePress快速构建大气好看的个人博客,vuePress是由Vue 驱动的静态网站生成器,可以基于markdown语法生成网页,君哥的个人博客就是由vuepress构建
422 0
工具分享【一】5分钟搭建自己的博客
|
弹性计算 安全 Linux
如何使用阿里云简单的搭建自己的博客
使用PHP集成工具phpstudy,简易搭建word press个人博客
447 0
如何使用阿里云简单的搭建自己的博客
|
存储 移动开发 JavaScript
10分钟带你搭建属于自己的博客
10分钟带你搭建属于自己的博客
263 0
10分钟带你搭建属于自己的博客
|
前端开发 PHP
博客搭建心得
作为一名非计算机专业的大学生,看到别人搭建的博客非常羡慕,所以就有了搭建博客的想法,开虚拟机是不可能开的,只有云主机才能维持的了生活。于是就网上逛云服务器,在知乎上发现阿里云正在进行“飞天加速计划·高校学生在家实践”活动。所以我就来啦,学生可以免费领云主机,白嫖真香啊。
|
弹性计算 安全 网络协议
萌新初建博客之旅
慵懒的菜鸡终于在实践上踏出了自己的第一步,使用了LNMP与Wordpress建立了自己的第一个博客,本文记录了个人背景、第一次建站的过程、相关工具推荐等,在留下记录的同时也希望对今后刚建立博客的伙伴们有那么一丢丢的帮助。
439 0
萌新初建博客之旅
|
弹性计算 关系型数据库 MySQL
使用WordPress搭建一个专属自己的博客
本教程指导您如何在自己的主机上搭建一个属于自己的、独一无二的博客。
使用WordPress搭建一个专属自己的博客