github搭建个人博客

打印 上一主题 下一主题

主题 656|帖子 656|积分 1968

准备工作
windows安装nodejs
windows安装git
windows安装hexo
拥有gitee个人账户
设置信息
通过gitee创建博客堆栈
登录gitee平台,进入主界面,右侧加号+,新建堆栈,注意:堆栈名称和gitee用户名称一致
天生/添加 SSH 公钥
码云 Gitee 、GitHub 提供了基于 SSH 协议的 Git 服务,在使用 SSH 协议访问堆栈堆栈之前,需要先设置好账户/堆栈的 SSH 公钥
设置ssh账户和邮箱,邮箱不必与 GitHub、Gitee 账号雷同,个人邮箱即可
查看账户邮箱
  1. git config --global user.name
  2. git config --global user.email
复制代码


设置账户邮箱
  1. git config --global user.email abc@qq.com # 设置邮箱
  2. git config --global user.name 'abc'            # 设置用户名
复制代码

本地天生ssh公钥
下令行实行如下下令,邮箱是刚才设置的邮箱abc@qq.com
  1. ssh-keygen -t rsa -C "xxxxx@xxxxx.com"
复制代码

按照提示完成三次回车,即可天生 ssh key
默认天生目次是 C:\Users\PMB\.ssh (pmb各自电脑的用户名)
打开id_rsa.pub文件复制内容,背面在gitee创建公钥使用
gitee创建公钥
起首用户登录之后,打开设置页面,安全设置内里ssh公钥打开,下面就是公钥的模板,标题随便起,知道表达意思即可,公钥就是剪切板内容,
点击确定即可
测试连接是否成功
下令行输入
  1. ssh -T git@gitee.com
  2. # 显示如下内容
  3. # 表示连接成功
  4. Hi “您的用户名”! You've successfully authenticated, but GitHub does not provide shell access.
复制代码

  1. hexo建站,主题配置
  2. 建站
  3. 安装hexo
  4. npm install -g hexo   # 通过npm安装hexo
  5. 初始化hexo
  6. hexo init blog  # 初始化创建,会再桌面创建blog文件夹
  7. cd blog    # 进入blog目录
  8. npm install   # 进一步安装hexo所需文件
  9. 初始化目录情况
  10. .
  11. ├── .deploy       #需要部署的文件
  12. ├── node_modules  #Hexo插件
  13. ├── public        #生成的静态网页文件
  14. ├── scaffolds     #模板
  15. ├── source        #博客正文和其他源文件等都应该放在这里
  16. |   ├── _drafts   #草稿
  17. |   └── _posts    #文章
  18. ├── themes        #主题
  19. ├── _config.yml   #全局配置文件
  20. └── package.json
复制代码

启动hexo
  1. hexo clean   # 清除所有记录 /hexo c
  2. hexo generate  # 生成静态网页 /hexo g
  3. hexo server    # 启动服务 /hexo s
  4. INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop. 则运行成功
复制代码

然后使用欣赏器访问 http://localhost:4000
设置连接 Gitee
进入到我们新创建的堆栈,复制项目地点,这个url是以ssh方式,找到hexo设置文件_config.yml,对应位置修改
注意:冒号背面一定要有空格,否则不能精确识别。
  1. deploy:
  2.   type: git                        # type为git
  3.   repo: git@gitee.com:XXXXXX/blog.git  # 仓库的 URL
  4.   branch: master
复制代码

摆设博客
安装自动摆设发布工具,不然摆设会报错
  1. npm install hexo-deployer-git --save
  2. 新建 deploy.sh 文件,输入代码
  3. hexo clean
  4. hexo g 
  5. hexo d
复制代码

一键摆设博客
  1. sh deploy.sh
复制代码

Gitee Pages 设置
在项目的服务中选择 Pages 选项
默认设置,点击启动即可
记住博客地点,之后可以点更新进行操纵
博客发布成功之后,可以访问博客地点:xxxxxx,就可通过他提供的博客地点进行访问,预览在线博客啦!!
如果博客的样式不对,则需要在_config.yml中设置下博客地点和路径
  1. url: “码云提供给您的博客地址” root: /
  2. url: “码云提供给您的博客地址” 
  3. root: /
复制代码

再实行下令 sh deploy.sh 就可以啦,之后就是美化我们的博客了。
关于主题
我个人用的主题是fluid,更多主题见官网。
更多主题美化可以参考大佬的Hexo 博客主题个性化。

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

风雨同行

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表