IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 听说有人卖我的源码?第一次公开 Jessiellu.github.io个人博客搭建过程 -> 正文阅读

[开发工具]听说有人卖我的源码?第一次公开 Jessiellu.github.io个人博客搭建过程

?2020年11月开始到处查资料搭建个人博客,现在网站的雏形已经搭建好了,断断续续不时的更新,构思和设计花费了我不少功夫。

如果喜欢的,可以点击starfork我的源代码:Jessiellu/Jessiellu.github.io,也可以下载下来git?clonehttps://github.com/Jessiellu/Jessiellu.github.io.git。感谢你的支持!

最近发现有人把源码放到下载专区,C币还不低。

在此特意声明一下,从我的仓库(Jessiellu.github.io)创建以来到目前为止,并未有人以任何方式联系我要将此仓库的相关内容发布到除了Github网站以外的地方,故此仓库(Jessiellu.github.io)里所有相关内容在Github网站以外的地方以任何形式进行索取费用的,请不要相信!!!

?

?安装工具

1.在搭建博客之前先安装Node.js和Git工具。

为什么要安装Node.js?????????答:因为npm是Node.js的包管理工具,npm的应用基于node.js。

官网安装[nodejs.org]

?安装选项全部默认,点击Next就好了。安装好之后,输入以下命令:

node -v? 查看当前node的版本

npm -v?查看当前npm的版本?

如果出现版本号则安装成功。

?

2. 安装Git(分布式版本控制工具)

什么是Git ?简单来说Git是开源的分布式版本控制系统,用于敏捷高效地处理项目。网站在本地搭建好了,需要使用Git同步到GitHub上。官网也有详细解释和使用方法:[点击了解]

?下载地址:[Git-Download]

安装选项全部默认,可以根据下载的版本到网上搜索相关安装教程。

安装完成后在命令提示符中输入git --version,如果出现版本号则安装成功。

?

Github创建个人仓库

  • ?注册github个人帐户
  • 点击+选择New repository创建新仓库,仓库名为:用户名.github.io

这个用户名用你的Github帐号名代替,这是固定写法

README.md初始化也要勾上?

到这个步骤仓库已经建成,但仓库里面除了README.md以外没有任何内容,现在需要搭建一个静态网站。

?Github?Pages

?进到仓库以后,再点击Settings?,现在GitHub?Pages被放到左边的模块里了,点击

Source选择提交分支,默认就好了,要记得选好之后点击Save

?

这里选择一个喜欢的主题。(点击Learn?more跳转,了解怎么将主题添加到GitHub?Pages)

?这里有很多主题可以选,可以自行选择自己喜欢风格的主题。我一开始选择的是Architect。

?选好后,点击链接就出现自己的网页了。

?

此时仓库里有一些相关的配置文件了。

?安装Hexo

  • 新建一个文件夹,用来存放自己的博客文件,右键点击该文件夹选择Git?Bash?Here,打开git的控制台。
  • 定位到该目录下cd?目录名,输入npm i hexo-cli -g安装Hexo。如果有警告,可以直接无视。
  • 安装完之后输入hexo -v验证是否成功安装。
  • 输入hexo?init初始化文件夹,输入npm?install安装必备组件。
  • 到这步本地的网站配置也配置好了,输入hexo g生成静态网页,输入hexo s打开本地服务器,然后浏览器打开http://localhost:4000/,按ctrl+c关闭本地服务器。

Hexo常用命令:?

npm install hexo -g ??????????#安装Hexo
npm update hexo -g ????????#升级
hexo init ???????????????????????????#初始化博客

命令简写介绍:
hexo n "我的博客" ==> hexo new "我的博客" ???????#新建文章
hexo g ==> hexo generate ????????????????????????????????????#生成
hexo s ==> hexo server ????????????????????????????????????????#启动服务预览
hexo d ==> hexo deploy ????????????????????????????????????????#部署

hexo server ????????????????????????????????????????#Hexo会监视文件变动并自动更新,无须重启服务器
hexo server -s ???????????????????????????????????#静态模式
hexo server -p 5000 ??????????????????????????#更改端口
hexo server -i 192.168.1.1 ????????????????#自定义 IP
hexo clean ????????????????????????????????????????#清除缓存,若是网页正常情况下可以忽略这条命令?

?Github与本地

安装完Git之后,安装目录下找到Git?Bash,右键以管理员身份运行

  • 输入以下命令:

git config --global user.name "用户名"?

git config --global user.email "注册邮箱"

注:用户名和注册邮箱替换成你注册github用的帐号和邮箱。

  • ?生成ssh密钥文件:?

ssh-keygen -t rsa -C "注册邮箱"

直接回车,密码可写可不写。因为我这里是重置了SSH,故会问是否overwrite?第一次设置不会有这句。

?

到电脑的用户主目录找到.ssh文件夹,里面有id_rsaid_rsa.pub两个文件,这两个文件就是SSH的秘钥对,id_rsa是私钥,不能泄露,id_rsa.pub是公钥,可以公开。用笔记本打开id_rsa.pub文件,把里面的所有内容复制。

在github网页点击头像下的Settings,再在左边选择SSH?and GPG keys,新建一个SSH,Title名字随意,在Key文本框粘贴id_rsa.pub文件的内容,点击Add SSH key

?git?bash中输入命令:ssh -T git@github.com验证是否成功

?

如上图显示你的用户名和successfully表示成功了。?

?打开之前新建的博客文件夹下的_config.yml文件,这是博客的站点配置文件,在这里可以修改与博客相关的各种信息。

  • 用笔记本打开打开修改最后一行的配置:
deploy:
    type: git
    repository: https://你的github项目地址
    branch: 你的项目分支

参考如下:

?

?

发布文章

在博客文件夹右击git?bash?here,安装一个扩展:

npm i hexo-deployer-git

完成之后,输入:hexo new post "article title",新建一篇文章。

(可以简写命令:hexo n "博客名")

然后打开博客目录下的source/_posts目录,发现此目录下多了一个article-title.md的文件。(点击查看如何编辑markdown文件)

编写markdown文件之后,git bash输入hexo g生成静态网页,输入hexo s可以本地预览效果,最后输入hexo d上传到github,这时你的github.io主页可以看到发布的文章,博客已经可以在网络上访问了。

Github拉取项目源文件到本地

?为避免有时打不开github网页,我们可以将项目拉取到本地,编辑好了再push到github上。

1.clone代码

?点开项目,找到code,复制clone地址:

在你需要下载的目录右键选择git bash here?,输入:

?$ git clone git@github.com:Jessiellu/Jessiellu.github.io.git

?将远程仓库数据同步到本地,输入:git pull origin?分支名

命令git checkout可以切换分支,方便开发管理?。

2.git status查看状态

?查看当前的git仓库状态,输入命令:git status

若是目录不对,会出现以下信息:

?

用cd切换到对应的项目目录,再输入git status,可以看到On branch gh-pages,说明已经在gh-pages分支上了,可以看到此时仓库的状态是nothing to commit……

?

3.更新代码

?如果在项目目录下更新了文件之后,要上传,执行以下命令:

git add *? ? ? ? ????????????????????????????????#? * 更新全部文件

git commit -m "提交说明"? ? ? ? ? ? # commit只是提交到暂存区

git pull? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?#如果是多人开发,要先拉取当前分支最新代码

git push origin?你的分支? ? ? ? ? ? ? #推送本地分支到远程你的分支上

打开github项目的界面就能看到同步。

?

个性化主题设置

更换主题?

如果不喜欢Hexo的默认主题,可以自己更换不同的主题[主题传送门]

?我用的主题是MeiliDu

?

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-09-14 13:33:52  更:2021-09-14 13:36:10 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/16 4:45:50-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码