搭建个人博客

2020-05-09

搭建个人博客

经过千辛万苦，终于把自己的个人博客搭建好了，什么
千辛万苦，不过就是一个几个小时而已，再加上git的下载，
幸好提前一天注册了GitHub的账号，并且玩了一下，才会搭建的这么简单。
太开心了啊，哈哈~
下面是基于github平台的个人博客的搭建的命令，不需要购买服务器和域名
有空详细讲一讲自己搭建完成的第二天干了什么事情。
(关于md的图片插入，我还没有完全搞懂)

准备工作一定要做好：

git
在此之前，要下载git，git的下载可以去csdn看一看，有国内的下载地址，国外的真的是太慢了，真的是醉了。
github
熟悉github的一些界面和操作，这个B站也有视频
vim
熟悉vim的操作，可以在左侧所有文章搜索vim

推荐视频
B站搜索个人博客搭建

经验

我是在win10下搭建的，搭建的与苹果系统略有不同，大同小异。
1.创建文件夹是mkdir，与Linux不同，win10下dir是列出全部目录
2.首先是在win10 DOS下输入命令，到后面DOS会输出找不到git，好像是类似的这么一条提示，这个时候就要在Git Bash输入命令了。
3.hexo d的时候，因为推到远端是推在GitHub上，所以会暂停上传要你输入GitHub的账户和密码
4.win 10下生成博客不用加sudo
5.DOS窗口可以用管理员权限打开(鼠标右键)
6.推到远端后，要过一会儿博客才会更新
7.这是非常重要的一点，如果对博客进行了修改，可与执行hexo s本地运行看一下效果，再推到远端去。
8.更改之后，一般我会执行hexo clean，然后再执行hexo g。再看是要本地运行(hexo s)还是推到远端(hexo d)
9.关于图片的加载，我上传了三张图片，头像，支付宝和微信的支付码，但是加载不出来。翻遍csdn和Google都没有找到自己的解决方法。后来才是看了yilia作者litten备份博客才找到答案
坑点：在yilia的配置文件中，告诉你图片地址assets/ima/.jpg，网上说图片在source文件夹下，但是呢，source有两个。.jpg文件应该放在blog的source文件夹下，而不是yilia文件夹下。(这个点卡了我一晚上)
还有：npg格式不支持，必须改成jpg格式！！！
npg格式不支持，必须改成jpg格式
npg格式不支持，必须改成jpg格式

学习笔记！

安装Nodejs

在https://nodejs.org/ 安装node，下载长期有效版本
检测下载是否成功，可以直接查看版本
*查看node版本: *node -v
*查看npm版本: *npm -v

安装淘宝的cnpm包管理器镜像

先安装cnpm：
npm install -g cnpm registry=http://registry.npm.taobao.org
查看cnpm版本:(是否成功)：
cnpm -v
安装hexo框架：
cnpm install -g hexo-cli
查看hexo版本
hexo -v
创建blog目录(最好记住路径)：
mkdir blog
进入blog目录(之后的很多操作在blog目录下进行):
cd blog
生成博客初始化博客(这是后已经搭建好了，不过是在本地)：
sudo hexo init
启动本地博客服务
hexo s
http://localhost:4000/ #本地访问地址
创建新的文章(建议进入/blog/source/_posts下vim创建)
vim 我的第一篇博客.md，之后返回blog目录
清理：(在blog目录下)
hexo clean
生成
hexo g

Github创建一个新的仓库 YourGithubName.github.io
在blog目录下安装git部署插件:
cnpm install --save hexo-deployer-git

配置_config.yml

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/YourGithubName/YourGithubName.github.io.git
branch: master

部署到Github仓库里：
hexo d
https://YourGithubName.github.io/ #访问这个地址可以查看博客
下载yilia主题到本地
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

修改hexo根目录下的 _config.yml 文件： theme: yilia
之后执行三条指令：
hexo c #清理一下
hexo g #生成
hexo d #部署到远程Github仓库

csdn: https://blog.csdn.net/qq_43693424/article/details/106069870
如有错误，还请指出
说了这么多，累的想买爽歪歪了。