【博客】搭建个人博客边学边搭（一个晚上）

无聊简单搭建博客

博客链接
效果：按照流程下来就是这个界面，后边自己优化

在搭建好的博客中写第一篇博客

软件准备

node.js
git 版本控制，这个经常配合github使用

使用Git Bash Here

github账号
使用github作为文件托管仓库

好处：这样不用购买域名和服务器
坏处：github国内访问慢。搭建的博客有时候访问不了。
除非fq;

如果有上面这些软件下面搭建博客就很方便；
效果图：
NO.1
建立一个本地文件夹

mkdir blog
或者直接建立

切换到新建的文件夹下

cd blog
直接到blog目录下右键
点击Git Bash Here

切换到淘宝源安装hexo 框架

这是因为是使用国外的安装源，下载比较慢

npm install -g --registry=https://registry.npm.taobao.org

安装hexo 框架

cnpm install -g hexo-cli
# 查看版本
hexo -v

现在在新建的文件夹blog下

# 初始化博客
hexo init# 启动博客
hexo s  # s 表示start

将博客部署到github上

安装部署包

cnmp install --save hexo-deployer-git # 安装博客部署

在github上建立一个public 仓库

修改配置
设置_config.yml
直接使用记事本打开修改，或者使用vim命令

设置配置文件

deploy:type:  gitrepo:  http://github.com/jucway/jucway.github.io.git  # 后缀加上.git branch:  master

branch:master

部署

hexo d  # 部署到远端

Git 设置连接到你的github

输入github用户名和密码
git config --list # 查看配置

➢ 查看配置信息
如果已经初始化过,那么可以看到user.name 和user.email

git config --list

➢ 更改用户名和邮箱

git config --global user.name "输入你的用户名"
git config --global user.email "输入你的邮箱"

➢ 如有异常
可以尝试:

git config --global --replace-all user.email "输入你的邮箱"
git config --global --replace-all user.name "输入你的用户名"

➢ 重新查看配置
确认无误

git config --list

在浏览器输入设置的参考地址就可以访问默认的博客

使用美化的主题

下载主题

git clone https://github.com/litten/hexo-theme-yilia.git  theme/yilia

设置

theme:  yilia

修改美化主题下的配置
+
这个配置文件可以修改很多自定义的东西；

最后一步：

hexo clean # 清空之前的部署
会将public文件内容全部删掉

hexo g # 生成

重新生成public文件
hexo d # 部署
将public 文件部署到github对应仓库上
如果遇到错误是连接超时，就多试几次,因为github有时候上不去
hexo clean
hexo g
hexo d

参考：程序羊B站视频

最终效果：

有时间学点js修改一下界面

【博客】搭建个人博客边学边搭（一个晚上）相关推荐

小程序服务器搭建前后端交互,手把手带你搭一个简单的微信小程序（包括前后端）...
开发小程序除了大家能看到的客户端,前端小程序是如何与后端服务器进行数据交互的呢? 本文将通俗易懂的讲一下.这里以nodejs为例来进行讲解 1.首先要在服务器上安装nodejs服务器: wget ...
阿里云域名+老薛主机搭建个人博客网站小结
本人将之前写在自己网站的搭建网站过程的文章,搬过来了,要问为啥,因为精力有限,没有时间在自己的网站上折腾^...^ 虽然之前截的图片不能看了,但是不影响你照着本人的博客,自己独立搭建网站. [声明] ...
VuePress博客搭建
VuePress博客搭建本人博客地址,欢迎访问并关注公众号 https://xiaoping027.github.io/ 查看该博客的配置,欢迎star Github config.js 目录 do ...
python个人博客搭建说明书_技术分享｜利用Python Django一步步搭建个人博客（二）...
原标题:技术分享|利用Python Django一步步搭建个人博客(二) Hello,欢迎来到我们的"利用Python Django一步步搭建个人博客"系列的第二部分.在第一部分中 ...
用python搭建个人博客过程_技术分享｜利用Python Django一步步搭建个人博客（四）...
您好,欢迎来到本期"利用Python Django一步步搭建个人博客"系列的第四部分.在上一篇教程中,我们学习了如何编写URL并将其映射到页面.在我们继续之前,我们需要做的一件事是 ...
hexo+git+github+域名搭建个人博客提示404_不用花一分线，松哥手把手教你上线个人博客...
有不少小伙伴私信松哥,打听松哥的博客是怎么做的,其实这个我之前和大家聊过,今天就再来说一说. 我记得是 2015 年 4 月 15 在CSDN上发表了我的第一篇博客,是一个学习笔记,从那之后开启了我博 ...
简单优雅的搭建个人博客
文章目录前言最终效果环境准备配置秘钥安装hexo 主题选择保存源码 SEO 番外前言啊啊啊~~~ ,经过差不多两天的持续摸索优化,个人博客算是初步完成了,现在自己看的效果还是非常不错的 ...
想要搭建个人博客？我调研了 100 来个 Java 开源博客系统，发现这 5 个最好用！...
最近想倒腾一下博客,看了很多现成的比较成熟的开源博客系统,自己也简单从下面几个维度总结对比了一下: star 数量技术选型社区生态当然啦!好东西不能独享,下面简单分享一下我所做的笔记(文末有提供 ...
想要搭建个人博客？我调研了 100 来个 Java 开源博客系统，发现这 5 个最好用！......
最近想倒腾一下博客,看了很多现成的比较成熟的开源博客系统,自己也简单从下面几个维度总结对比了一下: star 数量技术选型社区生态当然啦!好东西不能独享,下面简单分享一下我所做的笔记(文末有提供 ...