建立我的个人博客

写在前面

GitHub: 是一个面向开源及私有软件项目的托管平台;
		是一个代码托管云服务网站,帮助开发者存储和管理其项目源代码,且能够追踪、记录
		并控制用户对其代码的修改;
		甚至你可以简单粗暴的把它当作一个网盘,用来存储任何东西。
		因为只支持git作为唯一的版本库格式进行托管,故名GitHub。

Git: Git只是一个命令行工具,一个分布式版本控制系统。
		正是它在背后管理和跟踪你的代码历史版本,好比一个时光机,让你在代码出错时不至于手
		忙脚乱,能快速回退之前的历史版本。 
		用Git管理文件的话,更新的历史会保存在Git,所以不需要备份文件啦。非常方便吧!

GitHub是一个代码托管网站,背后使用Git作为版本管理工具

GUI	Graphical User Interface 图形用户界面

SVN

与git具有类似功能的工具还有SVN。

SVN:集中式版本控制中心,svn就像是一对多的关系,一个仓库供多个人使用,而且必须联网才能工作,个人感觉不是太方便;

github & gitee

与github网站类似的网站还有gitlab.com,bitbucket.com,coding.com(国内),gitee.com(国内)

最初了解Git,同时听到了Github、Gitee(码云),
大致明白Git是一种东西,在本地的,可以下载安装;Git官网:https://git-scm.com/,
然后通过git可以将代码上传到gitee和github中

gitee和github都是代码托管容器,那么我们可以利用他们提供的pages服务搭建个人博客,或者是一个前端展示网站。

在原理上gitee和github实现方式相同

TortoiseGit

TortoiseGit是一个开放的GIT版本控制系统的源客户端。TortoiseGit 简称 tgit, 中文名海龟Git. 海龟Git只支持神器 Windows 系统, 有一个前辈海龟SVN, TortoiseSVN和TortoiseGit都是非常优秀的开源的版本库客户端。

msysgit 安装包

msysgit	这个安装包找了大半天啊~
下载 git for windows
常用的 GitHub 客户端 msysgit ,也就是 git for windows 。
登录官网 https://www.git-scm.com/download/win,如下,单击 Download 按钮下载。

CMD 命令行提示符
	win10系统打开快捷键:  windows+R 输入cmd即可

本机pink后输出的IP
	192.30.255.113
	192.30.255.113

解决github登录问题的办法(暖心博主):

  • https://zhuanlan.zhihu.com/p/114306238

  • https://mp.weixin.qq.com/s?src=11&timestamp=1618897576&ver=3019&signature=lWUsMxng1wbFZxLZeAfCVtNfElhU6OOr-XJLcAh3eYGtRsDSOWT-Zfgn7g7O9FJd3wFQ-OlY7tT8qowfLjadz0Km2-RLE2DaJ-h3HZLXK9sgIDZ6giIot3xOBy0*VE&new=1

  • https://mrbailijie.github.io/docsifyBlog/index.html#/blog/github

制作个人博客

网页制作的代码模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>dOCUMENT</title>
</head>
<body>
    大家好!
</body>
</html>

第一步:hexo安装配置

hexo应该说是静态博客生成器,用户通过写markdown文档的方式发布博文,hexo程序将markdown文档转换成静态页面

控制面板/程序/程序和功能/启用或关闭Windows功能/Internet Information Services/FTP服务器

把这个路径打开就可以解决进不去网址的问题了

记着要在博客的根目录下打开 Gdit Bush Here 然后才能正确运行哦!

hexo s   打开本地服务器(在命令行中)

然后才能执行网址   http://localhost:4000

Ctrl+C   关闭本地服务器(直接键盘操作)

hexo clear 清除博客缓存,一般在切换主题或者博客效果与预期不一致时执行该命令

hexo g 将md文件生成静态页面,一般在hexo clear 命令后使用

文件夹的目录如下:

_config.yml文件用于存放网站的配置信息,你可以在此配置大部分的参数;
scaffolds是存放模板的文件夹,当新建文章时,Hexo会根据scaffold来建立文件;
source是资源文件夹,用于存放用户资源,
themes是主题文件夹,存放博客主题,Hexo 会根据主题来生成静态页面。

第二步:gitee上新建一个仓库

_config 文件里要修改的内容:
1、URL

url: http://monalp.gitee.io/myblog      # Note: don't forget to modify the CNAME file to your url
root: /myblog

2、Deployment

deploy:
  type: git
  repo: https://gitee.com/MonaLP/myblog # or https://gitee.com/<yourAccount>/<repo>
  branch: master


仓库地址:https://gitee.com/MonaLP/myblog

这个就是我的博客的网站:
http://monalp.gitee.io/myblog

lh@DESKTOP-S8L62C5 MINGW64 /d/MyBlog
$ git config --global user.email "linping_mu@163.com"

lh@DESKTOP-S8L62C5 MINGW64 /d/MyBlog
$ git config --global user.name"Mona"

第三步:安装git插件

安装git插件
`cnpm install --save hexo-deployer-git`

第四步:配置图床PicGo + Gitee

超好用的der~~~

参考链接:https://blog.csdn.net/disILLL/article/details/103962241

图床是干什么的?

图床就是一个便于在博文中插入在线图片连接的个人图片仓库。设置图床之后,在自己博客中插入的图片链接就可以随时随地在线预览了,并且不会因为任何意外原因无法查看,除非自己亲自删除。

神奇的PicGo就是为了解决这个问题诞生的,它可以将图片上传到指定的图床上,然后返回markdown链接,直接粘贴到你的文档中,就搞定啦

这个是“用于博客图床的私人令牌:

77d2c62f1e5eb8d3ea107dc11c817ab8

第五步: 写自己的博客

1、创建新博客
方式一:
在根目录下打开 Git Bush Here,执行`hexo new "博客名字"。
hexo创建md文件,使用typora编辑并保存

方式二:
将自己写好的 .md 文件放在scource ---> _posts 路径下面,不过记得在开头加上表头,
加表头的方式    ---
注意只有在整个文件首部这个命令才起作用哦~~

2、清缓存
`hexo clear`

3、清除缓存后需要更新渲染(也就是生成网页、静态文件)
`hexo g` 等价于 'hexo generate'

4、本地预览
`hexo s`  等价于  `hexo server`
* 注意输入后及时访问本地http://localhost:4000,不然ctrl+c直接结束了,这样就打不开了

5、推送到码云(也就是部署)
`hexo d` 等价于  `hexo deploy`
注意:通常推送到码云时,都是有内容发生改动,才会推送成功,否则就会推送失败


​ 6、更新码云的静态页面
​ 打开在gitee上创建的博客仓库/服务/gitee pages/更新

注意:
	* 所有字符都在英文状态下编辑
	* 注意

关于更换主题

主题

下载链接,仅供参考

https://github.com/XPoet/hexo-theme-keep

写博客链接

https://blog.csdn.net/qq_40761746/article/details/105325848?ops_request_misc=%7B%22request%5Fid%22%3A%22162070670116780271533511%22%2C%22scm%22%3A%2220140713.130102334.pc%5Fall.%22%7D&request_id=162070670116780271533511&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2allfirst_rank_v2~rank_v29-2-105325848.first_rank_v2_pc_rank_v29&utm_term=hexo关联gitee写博客

最后格式问题的解决方案

在更新gitee的时候,使用强制执行 HTTPS

原因:

https和http混合使用,会破坏https自身的安全性,会导致被嗅探入侵,或者中间人攻击。同时本身gitee整体是使用了https协议了,所以访问其下面的三级域名,也就是我们自己的博客地址不开启http,浏览器会默认是不安全的,默认会进行阻止,也就导致了js、css等文件无法被正常加载。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值