利用hexo和github或coding 搭免费个人博客
时间:2022-07-25
本文章向大家介绍利用hexo和github或coding 搭免费个人博客,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
博客对我来说,就像一个云端笔记,可以记录一下自己在完成各种任务中坑,也可以让别人看到从而避免这些,可以写博客的地方有很多比如csdn、博客园、简书之类的,但是看到许多大神都是用自己搭建的博客,仔细一了解才知道都是用hexo和github搭建的 看了许多教程之后,踩了许多坑之后就想总结一下自己的搭建过程
开始
环境
- Node.js
- Git
- npm
- coding或github
由于我使用的主力系统时Ubuntu所以本文以Ubuntu下的搭建教程
环境搭建
首先安装node.js
sudo apt install nodejs
安装npm
sudo apt install npm
- 上面操作完成后,根据你使用的源不同,可能得到不同的版本,但是有时候可能因为版本不够新而导致hexo等其他的包安装失败,所有我们这里最好在使用几条命令更新一下node.js
- 在已安装好npm的情况下使用 sudo npm install -g n sudo n stable
- 这样就可以把node.js升级到最新版
安装Git
程序员必备工具啊 一般安装好系统就会安装
sudo apt install git
注册github或者coding.net账号
- 注册账号并登录创建一个和用户名同名的仓库并开启pages服务
在本地生成公钥和私钥
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
sudo npm install -g hexo-cli
sudo npm install hexo-deployer-git --save
- 如果安装失败的话请替换成淘宝源重新安装npm install -g cnpm --registry=https://registry.npm.taobao.org
建立站点
首先在合适的地方创建一个你的博客目录然后进入这个目录 然后执行
hexo init
- 目录里面的_config.yml是站点配置文件,后面还会说到主题配置文件,每一个主题都用一个_config.yml文件,不要搞混了,到目前为止博客环境已经搭建完成
本地预览
首先生成静态页面
hexo generate
或hexo g
启动本地服务预览
hexo server
或hexo s
- 然后在浏览器地址栏输入http://127.0.0.1:4000就可以看到默认的博客效果
修改配置文件和主题
修改主配置文件_config.yml
按照自己的喜好去修改即可 重点时最后一部分
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主题来使用 然后在站点配置文件内修改一下主题名即可
发表文章
生成一篇博客
hexo new "文章名"
- 不过个人更喜欢直接复制原来写好的博客然后拿来修改
发表命令
hexo clean # 清理静态文件
hexo g #生成新的静态文件
hexo s #在本地预览博客
hexo d #推送到远端仓库
注:
- 上述代码在ubuntu16.04 lts中测试成功
- 上述文字皆为个人看法,如有错误或建议请及时联系我
- WooCommerce 自定义商品价格显示HTML结构
- 借助Github 为第三方WordPress 主题/插件添加“自动更新”功能
- vue-cli#2.0 webpack 配置分析
- 短代码插件S-shortcodes 更新2.4版本:修复font icon的冲突问题
- 景驰落户广州 王劲称不知百度为何指控 四条回应两大疑点
- 全球各行业2020年将需要270万位数据科学家
- 解决iOS 版Safari 中浮动(float)导致页面右侧偏移的bug
- 学而思网校又玩大了:引入人工智能技术,办了一场“人机对话”英语赛事
- 全球首个机器人公民索菲亚亮相2017双12知商节 引爆全场知识产权新高潮
- WP Settings Generator:生成WordPress设置相关代码的工具
- Reactjs 入门基础(三)
- 小谈中文环境下中文排版的font-family 字体选择
- WordPress 的几个高级调试( Debug)技巧
- Customizer Library:主题“自定义”功能的WordPress类库
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- P1522 牛的旅行 Cow Tours(floyd)
- P1468 派对灯 Party Lamps(BIG 模拟)
- 【JVM系统学习之路系列】 JVM 概述篇
- P1518 两只塔姆沃斯牛 The Tamworth Two(简单的搜索题)
- P1466 集合 Subset Sums 搜索+递推+背包三种做法
- P1465 序言页码 Preface Numbering (手推)
- P1460 健康的荷斯坦奶牛 Healthy Holsteins (简单的dfs)
- P1459 三值的排序 Sorting a Three-Valued
- P1457 城堡 The Castle 位运算+BFS+思维(难题,好题)
- PostgreSQL异常宕机重启时间超长
- C++ 重载运算符 继承 多态 (超详细)
- USACO 2.1 海明码 Hamming Codes (模拟+位运算+黑科技__builtin_popcount(n))
- POJ 3267为什么优先队列超时,DP就能过,难过
- 执行ALTER TABLE语句时如何避免长时间阻塞并发查询
- P1458 顺序的分数 Ordered Fractions(有技巧的枚举)+C++类封装=精简代码