首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >博客搭建历程(1)

博客搭建历程(1)

作者头像
Cloud-Cloudys
发布2020-07-07 15:26:38
4340
发布2020-07-07 15:26:38
举报

我为什么要搭建自己的博客:人嘛!总会有迷茫的时候。无聊了就搭建一个博客玩玩。借此思考下人生戳这里先洗下脑

[BetterExplained]为什么你应该(从现在开始就)写博客

使用Hexo+GitHub Pages搭建属于自己的博客

依赖

  • 安装Node.js
  • 安装git
  • 一个GitHub账号
  • hexo全家桶

一、Node.js安装参考

Node.js官网

nodejs版本越高越好,不然后面安装hexo时会出现问题,Hexo官网给的建议是6.9版本以上

官网windows 64bit 下载(v10.16.0)

二、git的安装参考

安装需根据自己的实际情况,在cmd使用git --version指令可以查看安装的版本

windows 64 bit 下载(v2.19.0)

三、使用Github Pages

  • 注册Github账号
  • 创建一个repository,用于存放博客站点文件
  • 开启Github Page
1、创建一个repository

仓库命名方式须注意下,这样命名会开启githubpage服务,代码仓库命名方式随意,如果以用户名+github.io的形式命名,会自动开启Github Pages服务,否则需要自己在仓库的设置那里手动开启GIthub Pages服务。

Github Pages 是 github 公司提供的免费的静态网站托管服务,用起来方便而且功能强大,不仅没有空间限制(为免费用户提供了500M空间),还可以绑定自己的域名,1GB空间限制(个人博客够用了),每月带宽限制100GB,自由绑定自己的域名。

2、开启GitHub Pages

GitHub Pages官方介绍,Github的中文官方文档已推出https://help.github.com/cn/articles/what-is-github-pages(2019年7月11日更新)

点击choose a theme选完主题后即可到https://yourname.github.io/访问自己的个人主页了,yourname记得替换成你的用户名。

接下来需要使用Hexo在本地创建好博客,再将博客文件上传到刚刚创建的仓库。

四、Hexo配置

Hexo是一个静态站点生成器,如果想深入了解Hexo可以去Hexo的官网看看。https://hexo.io/zh-cn/docs/

在本地搭建博客
1.安装hexo插件套装

以下两条命令直接打开windows cmd执行即可,用git bash执行也行

# 安装hexo命令行工具
npm install hexo-cli -g

安装hexo包到全局node_modules中,修改package.json文件,将模块名和版本号添加到dependencies部分 npm install hexo –save

2.初始化hexo
  • 这里需要新建个目录用于存放本地的博客文件
  • 往后的命令均需要在此目录下执行,可用cd命令进入目录中执行往后的命令
hexo init  # 初始化目录,生成相关文件
  • 目录中生成的文件如下
.
├── node_modules       # 存放博客依赖的npm packages
├── scaffolds          # 存放生成博客文章、博客页面、草稿的模板目录
├   ├── draft.md
├   ├── page.md
├   └── post.md
├── source
├   └── posts           # 用于存放博客文章
├── _config.yml         # 博客全局配置文件
├── .gitignore
├── package.json        # 记录当前目录下实际安装的各个npm package的具体来源和版本号
└── package-lock.json   # 存放锁定安装时的包的版本号,此文件一般会上传到git
hexo g # 生成静态页面
hexo s # 部署到本地服务器http://localhost:4000/

预览效果http://localhost:4000/

到这里本地的博客搭建完了,接下来就是将博客上传到刚刚创建的Github仓库,上传后就可以使用外网访问了

博客搭建历程(2)

博客搭建参考教程推荐

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018年9月25日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 使用Hexo+GitHub Pages搭建属于自己的博客
    • 依赖
      • 一、Node.js安装参考
      • 二、git的安装参考
      • 三、使用Github Pages
      • 四、Hexo配置
  • 博客搭建参考教程推荐
相关产品与服务
静态网站托管
静态网站托管(Website Hosting,WH)是由云开发提供的便捷、稳定、高拓展性的托管服务,您无需自建服务器,即可一键部署网站应用,将静态网站发布到全网节点,轻松为您的业务增添稳定、高并发、快速访问等能力。此外,您还可以结合云开发的云函数、数据库等能力,将静态网站扩展为带有后台服务端的全栈网站,让您可极速提供网站应用。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档