网站技能培训班有哪些,西安到北京火车时刻表查询,搜索关键词排名查询,手机企业网站管理系统保姆级个人博客搭建教程
外链图片失效可以移步个人博客
对于一个正在学习的小白来说#xff0c;有一个地方来记录和总结自己的学习经验和学习经历当然是很有必要的。而一个人博客就很好的提供了这样子的平台#xff0c;那么今天我就以自己的博客为例来带大家一步一步搭建起…保姆级个人博客搭建教程
外链图片失效可以移步个人博客
对于一个正在学习的小白来说有一个地方来记录和总结自己的学习经验和学习经历当然是很有必要的。而一个人博客就很好的提供了这样子的平台那么今天我就以自己的博客为例来带大家一步一步搭建起自己的个人博客。这里是我的博客效果。
过程涉及
node环境搭建hexo安装初始化git环境搭建码云仓库MarkDownTyproPicGOSM.MS Hexo是一款基于Node.js的静态博客框架依赖少易于安装使用可以方便的生成静态网页托管在GitHub和Coding上是搭建博客的首选框架。这里是官网和github地址。大家可以进入官网进行详细查看因为Hexo的创建者是台湾人对中文的支持很友好可以选择中文进行查看。 node.js 安装
点击这里进入下载页面
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vSBMSkMh-1590338330285)(https://i.loli.net/2020/05/24/gLukP65f8Cy19vU.png)]
然后就一直下一步等安装完成去命令行中输入
node -v
npm -v
# 如果显示版本号就说明安装成功了
npm config set registry https://registry.npm.taobao.org
# 由于服务器原因可以配置一个淘宝镜像来快速的下载和安装一下文件
npm config get registry
# 检查镜像是否配置成功hexo 安装
在配置好了node环境之后我们就可以安装我们的博客系统了。
直接在命令行中开始下载安装hexo
npm install hexo-cli -g
# 下载安装hexo
hexo -v
# 检查版本号来检验是否安装成功
hexo init blog
# 进入一个空的文件夹来作为你的博客资源目录
cd blog
# 进入你的博客资源目录
npm install
# 安装hexo需要的依赖hexo的项目目录文件 node_modules: 依赖包 public存放生成的页面 scaffolds生成文章的一些模板 source用来存放你的文章 将你写好的MarkDown形式的文章放在 \source\ _posts下面就行了 themes主题 _config.yml: 博客的配置文件
hexo g
# 生成静态资源文件
hexo s
# 本地服务器运行启动浏览器访问http://localhost:4000/就能看到你的博客的初始demo了
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RNqlqfSg-1590338330293)(https://i.loli.net/2020/05/24/T9alEhunDIkmjbQ.png)] hexo常用命令 hexo g 或 hexo generate
# 该命令执行后在hexo站点根目录下生成public文件夹
hexo clean
# 把public文件夹删除
hexo s 或 hexo server
# 启动服务预览
hexo d 或 hexo deploy
# 部署项目git 安装
为了是我们的博客让别人也能访问到这里我们需要将博客部署到远端。 Git是目前世界上最先进的分布式版本控制系统可以有效、高速的处理从很小到非常大的项目版本管理。也就是用来管理你的hexo博客文章上传到GitHub或码云的工具。 在这里下载 git 并一直下一步进行安装
git --version
# 检查git是否安装成功配置好 git 环境之后我们就可以开始我们的远端部署了 我们可以将其部署到本地服务器、购买的阿里云服务器或者github(或码云)上面。这里我选择的是码云(和GitHub差不多不过毕竟服务器在国内还是比较方便的)必经本性还是白嫖党。 创建码云仓库 首先去注册一个码云账号戳这里 新建一个仓库 不过这里要注意的是仓库名即为你博客地址的二级域名 开启page服务 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lkuSHg9A-1590338330295)(https://i.loli.net/2020/05/24/pJzRnxLTXVrwiPd.png)] 在这里就可以看到自己的博客域名了不过要注意的是每次更新博客都要来这里主动更新一次
远程部署
需要先安装一个hexo的一键部署插件
npm install hexo-deployer-git --save配置根目录下的_config.yml文件
deploy:- type: git# 部署方式repo: https://gitee.com/fabian4/fabian4.git# 你的远程仓库地址branch: master# 你的部署分支然后开始进行远程部署
hexo d
# 一键部署到远程仓库在部署过程中会让你验证自己码云的账号密码。部署结束之后就可以就可以去你的码云仓库检查一下
然后将page服务更新之后就可以去你的域名访问你的个人博客了。
主题安装
在公网IP可以访问自己的博客之后我们就可以开始进行我们博客的美化了。
可以去下面的链接挑一款适合自己的个人博客主题。
https://blog.csdn.net/zgd826237710/article/details/99671027https://blog.csdn.net/fail_perfectly/article/details/83791781https://www.zhihu.com/question/24422335https://hexo.io/themes/ 这个是hexo官网的主题
然后就是按照主题的官方文档和hexo的官方文档去修改你的配置来达到你想要的结果 这里一定一定一定一定要在修改你的配置文件之前将他备份一遍 不然要是你哪里改错了又查不出来。就只能从头开始了 MarkDown
在开始写你的第一篇博客之前我要强烈推荐一类强大的文本编辑器——MarkDown 这是为那些需要经常码字或者进行文字排版的、对码字手速和排版顺畅度有要求的人群设计的他们希望用键盘把文字内容啪啪啪地打出来后就已经排版好了最好从头到尾都不要使用鼠标。这些人包括经常需要写文档的码农、博客写手、网站小编、出版业人士等等。 配合hexo只需要将你写好的MarkDown形式的文章放在 \source\ _posts下面就行了
选择MarkDown的几个理由
Markdown编辑器非常轻量级并且有很多免费的支持Markdown语法的在线编辑器语法简单不需要计算机基础任何人都能学会Markdown常用的语法规则就几个几分钟就能轻松掌握不存在版本不同不兼容的问题你甚至可以在记事本中写然后复制到任何支持Markdown语法的编辑器中现在很多平台都支持Markdown写作比如有道云笔记、印象笔记、CSDN、知乎、简书、Github、码云。
标题设置一级标题 内容前加 #二级标题 内容前加 ##三级标题 内容前加 ###
加粗和斜体加粗加粗内容两端加 **斜体斜体内容两端加 *
引用引用内容前加
列表和加框列表列表内容前加 * 或 -加框加框内容两端加
插入图片图片加 [图片名称] 加 (图片网址)
插入链接链接[文字] 加 (链接网址)
邮箱地址邮箱邮箱地址
删除线和分割线删除删除内容两端加 ~~分割线三个或以上的 * 或 -这里放一个MarkDown的语法教程链接 推荐一款 干净、高效、简洁、开源的MarkDown编辑器——Typora 这里是官网地址
完美支持 Github 的 Markdown 语法人性化的书写方式 表格的书写、挪动图片超链接网页表格复制目录生成 支持 LeTex 公式书写支持 FlowchartMermaid 等流程图绘制emoji高亮备注上标下标等书写生成网页pdf图片甚至 wordLeTex 等格式。
配置图床
在我们编写博客文章的过程中不可避免的需要引用图片来更加直观和生动。而本地图片的地址链接会让你的文章的一些上传等操作不方便。这里带大家搭建自己的图床并关联到Typro上一键上传云端。
TyproPicGoSM.MS
安装PicGO
所谓图床工具就是自动把本地图片转换成链接的一款工具网络上有很多图床工具就目前使用种类而言PicGo 算得上一款比较优秀的图床工具。它是一款用 Electron-vue 开发的软件可以支持微博七牛云腾讯云COS又拍云GitHub阿里云OSSSM.MSimgur 等8种常用图床功能强大简单易用。
我们去Github上的地址去下载安装包
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CfFK4zxv-1590338330300)(https://i.loli.net/2020/05/24/1TVWIQZ7sutL8n2.png)]
配置图床
作为白嫖党我选择SM.MS对于个人用户来说完全免费且够用。 去官网注册并登录 去这个地址获取你的Token [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hJbotFoj-1590338330304)(https://i.loli.net/2020/05/24/8bxq9AXajGig1pY.png)] 在PicGo中安装插件 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zRQeswXC-1590338330305)(https://i.loli.net/2020/05/24/5zMXx9gaJeVWU3Y.png)] 连接图床 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xA3gAHuU-1590338330306)(https://i.loli.net/2020/05/24/8bIRGChUwlkDX9O.png)]
连接Typro
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zXcJASnt-1590338330307)(https://i.loli.net/2020/05/24/idpvCNho6zLKMBm.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Qnrh2xLl-1590338330309)(https://i.loli.net/2020/05/24/kfBJaPT8H24KbCR.png)]
最后可以进行测试如果成功就说明已经搭建成功了。
下面就可以开始写你的第一篇个人博客了
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-K1O9OyjM-1590338330310)(https://i.loli.net/2020/05/24/dBo5PRl6OfJkjem.jpg)]
