前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >利用hexo和github或coding 搭免费个人博客

利用hexo和github或coding 搭免费个人博客

作者头像
earthchen
发布2020-09-24 11:20:21
4540
发布2020-09-24 11:20:21
举报
文章被收录于专栏:earthchen的专栏

博客对我来说,就像一个云端笔记,可以记录一下自己在完成各种任务中坑,也可以让别人看到从而避免这些,可以写博客的地方有很多比如csdn、博客园、简书之类的,但是看到许多大神都是用自己搭建的博客,仔细一了解才知道都是用hexo和github搭建的 看了许多教程之后,踩了许多坑之后就想总结一下自己的搭建过程

开始

环境

  1. Node.js
  2. Git
  3. npm
  4. coding或github

由于我使用的主力系统时Ubuntu所以本文以Ubuntu下的搭建教程

环境搭建

首先安装node.js
代码语言:javascript
复制
sudo apt install nodejs
安装npm
代码语言:javascript
复制
sudo apt install npm
  • 上面操作完成后,根据你使用的源不同,可能得到不同的版本,但是有时候可能因为版本不够新而导致hexo等其他的包安装失败,所有我们这里最好在使用几条命令更新一下node.js
  • 在已安装好npm的情况下使用 sudo npm install -g n sudo n stable
  • 这样就可以把node.js升级到最新版
安装Git

程序员必备工具啊 一般安装好系统就会安装

代码语言:javascript
复制
sudo apt install git
注册github或者coding.net账号
  • 注册账号并登录创建一个和用户名同名的仓库并开启pages服务
在本地生成公钥和私钥
代码语言:javascript
复制
git config --global user.name "你的用户名"

git config --global user.email "你的邮箱"

ssh-keygen -t rsa -C “你的邮箱”
  • 输入生成key命令之后一般直接按三次回车 设置密码为空
  • 然后cd到.ssh目录下打开id_rsa.pub,将内容复制添加到github coding的公钥vim .ssh/id_rsa.pub

经过以上步骤 基本环境就搭建好了,在linux下安装开发环境还是相当简单的。。。。。

安装hexo

代码语言:javascript
复制
sudo npm install -g hexo-cli

sudo npm install hexo-deployer-git --save
  • 如果安装失败的话请替换成淘宝源重新安装npm install -g cnpm --registry=https://registry.npm.taobao.org

建立站点

首先在合适的地方创建一个你的博客目录然后进入这个目录 然后执行

代码语言:javascript
复制
hexo init
  • 目录里面的_config.yml是站点配置文件,后面还会说到主题配置文件,每一个主题都用一个_config.yml文件,不要搞混了,到目前为止博客环境已经搭建完成

本地预览

首先生成静态页面
代码语言:javascript
复制
hexo generate
或hexo g
启动本地服务预览
代码语言:javascript
复制
hexo server
或hexo s

修改配置文件和主题

修改主配置文件_config.yml

按照自己的喜好去修改即可 重点时最后一部分

代码语言:javascript
复制
deploy:
   #我们是使用 git 来部署的。
    type: git
    # git 仓库的地址。
    repo:
      coding: git@git.coding.net:EarthChen/EarthChen.git,coding-pages
      github: git@github.com:EarthChen/EarthChen.github.io.git
  • 按照上述格式修改你的仓库地址 修改连接方式为ssh 这样在推送的时候可以不用输入密码 从而使用公钥私钥匹配模式
  • 在国内推荐使用coding方式 毕竟。。。你懂的 但是也可以同时在github和coding上同时托管,就如上述所示
修改主题

可以百度或google自己喜欢的hexo主题来使用 然后在站点配置文件内修改一下主题名即可

发表文章

生成一篇博客
代码语言:javascript
复制
hexo new "文章名"
  • 不过个人更喜欢直接复制原来写好的博客然后拿来修改
发表命令
代码语言:javascript
复制
hexo clean   # 清理静态文件
hexo g       #生成新的静态文件
hexo s       #在本地预览博客
hexo d       #推送到远端仓库

注:

  • 上述代码在ubuntu16.04 lts中测试成功
  • 上述文字皆为个人看法,如有错误或建议请及时联系我
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016-10-10,,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 开始
    • 环境搭建
      • 首先安装node.js
      • 安装npm
      • 安装Git
      • 注册github或者coding.net账号
      • 在本地生成公钥和私钥
    • 安装hexo
      • 建立站点
        • 本地预览
          • 首先生成静态页面
          • 启动本地服务预览
        • 修改配置文件和主题
          • 修改主配置文件_config.yml
          • 修改主题
        • 发表文章
          • 生成一篇博客
          • 发表命令
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档