MacOS利用Github搭建个人博客过程记录

【需要科学上网】

笔者博客​​​​​​​

一、尝试在Github建立简单页面

如果没有GitHub账户请先创建

①在GitHub界面,点击New repository 创建新项目

 Repository name填“用户名.github.io”,比如我的就应该填写“yang-makabaka.github.io”

下面选择Public ,然后勾选Add a README file

 

完成后点击最下面的绿色按钮完成创建

 

 ②设置

点击项目主页的Settings

点击Pages

 可将选项如下设置,修改后点击Save

③创建index文件

在本地创建名为index.html配置文件

 回到项目主页,点击Add file ,选择

 将文件拖入后,点击Commit Changes保存更改

回到项目主页,点击SettingsPages,点击Visit site,​​​​​​​不出问题的话会出现你所编辑的页面,之后输入https://你的用户名.github.io即可访问此页。

 

二、搭建工具准备

1.node.js

下载地址

下载完成后点击继续完成安装

  

在其他里找到终端打开,输入node -v , npm -v 查看安装结果(注意空格)

node -v
npm -v

 如上图显示版本号

2.git

下载地址Git - Downloading Package

可点击蓝色installer 进入如下界面

点击Download 即可下载(笔者自己下载时多次点击后都未开始下载,多试几次后才如愿)

 下载完成后打开,双击打开第一个.pkg文件开始安装,一直点击继续即可完成安装。

安装后终端输入git --version

git --version

如图显示版本号  

3.hexo

hexo将在终端利用上文中npm下载安装

前提准备

随意新建一个文件夹,右键文件夹打开终端

获取root权限  终端输入su root

su root

若是失败,输入sudo passwd root ,设置root密码即可。建议牢记root密码(root密码太短也不行,太短会如下图二提示密码质量不行)。重复上面步骤即可获得root权限。

 ​​​​​​成功则会发现由(base)变为(sh-3.2#)

→ ​​​​​​​

获取权限后 

①安装hexo

npm install hexo-cli -g

由于笔者已经安装一次,所以下图会有所不同

​​​​​​​

 输入 hexo -v,显示如下

​​​​​​​

②初始化Hexo

输入如下代码,等待完成 

hexo init

init会在你所创建的文件夹里创建一些文件

 ③安装提交所需插件

npm install hexo-deployer-git --save

等待完成即可

关闭root

 在终端输入下面的语句,输入密码后完成

sudo defaults write /Library/Preferences/com.apple.loginwindow SHOWOTHERUSERS_MANAGED -bool FALSE

若不关闭,开机时会出现其他用户选项

​​​​​​​

三、hexo本地显示

在本地查看hexo默认的网页形式

①在创建文件夹终端下输入如下代码

hexo generate

 ②继续输入如下代码

hexo server

 ③右键拷贝输出的地址,在浏览器打开

我们会进入一个默认的博客页面

四、使用Butterfly美化主题

参照下面作者的教程↓↓↓

​​​​​​​https://butterfly.js.org/posts/21cfbf15/

问题解决(修改_config.yml文件时提示文件只读):在文件所在文件夹打开终端输入如下代码

sudo chmod -R 777 _config.yml

五、部署到GitHub Pages

1.配置用户名和用户邮箱

(your_name替换为你的GitHub用户名,your_email@gmail.com替换为你的GitHub账号注册邮箱)

git config --global user.name "your_name"
git config --global user.email "your_email@gmail.com"

使用git config --list查看是否成功

Git默认是大小写不敏感的,也就是说,将一个文件名某个字母做了大小写转换的修改Git是忽略这个改动的,导致在同步代码时候会出现错误,所以建议大小把Git设置成大小写敏感。

git config core.ignorecase false

 2.生成密钥

(同样将your_email@youremail.com改为你的邮箱)

ssh-keygen -t rsa -C "your_email@youremail.com"

输入上面命令后会在电脑本地生成id_rsaid_rsa.pub 文件,id_rsa文件保存的是私钥,保存于本地,id_rsa.pub文件保存的是公钥,需要将里面内容上传到远端仓库。

下面复制公钥信息

  • 打开终端输入cd指令,进入当前用户目录
  • 输入ls -a指令,查看当前用户目录下所有文件,包括隐藏文件
  • 输入cd .ssh指令,进入.ssh目录
  • 输入ls指令,查看.ssh目录下的文件
  • 输入cat id_rsa.pub指令,查看id_rsa.pub文件中内容
  • 右键拷贝ssh开头的内容

3.配置秘钥 

进入你的GitHub主页 

Settings → SSH and GPG keys → New SSH key(Title随便取,key里面粘贴上面id_rsa.pub里的内容,点击Add SSH key保存)

 

进入GitHub博客项目主页

1.删除之前导入的测试文件index.html 

2.复制ssh

 3.(推荐使用vscode)打开_config.yml文件(在创建的博客文件夹里,没有vscode可以使用文本编辑)

找到上图位置,按上图形式修改,repo:后填写刚刚复制的ssh信息

deploy:- type: gitrepo: branch: main

​​​​​

4.测试

在博客文件打开终端(或使用vscode新建终端)

sudo hexo cl
sudo hexo g
sudo hexo d

 成功,之后可前往https://你的用户名.github.io查看,可能需要等待几分钟才会变化。

​​​​​​​

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/49433.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

开发者在行动!中国防疫开源项目登上 GitHub TOP 榜

用开发者们的方式支援这场没有硝烟的战争! 整理 | 唐小引 出品 | CSDN(ID:CSDNnews) 截止北京时间 1 月 28 日下午 15:47,全国确诊新型冠状病毒的数字已经到达了 4586 例,疑似高达 6973 例,医护…

Mac当作云服务器,你真的会搞吗

1写作目的 最近淘了个mac,发现mac和linux还挺像的,并且云服务器马上就到期了,可以不可以把mac当做永久的云服务器呢? 2FinalShell(XShell)连接MAC MAC:首先选择系统偏好设置,选择里面的共享 MAC&#x…

【历史上的今天】7 月 22 日:Linux 开发的“二把手”出生;苹果发布 OS 8;MSN 发布

整理 | 王启隆 透过「历史上的今天」,从过去看未来,从现在亦可以改变未来。 今天是 2022 年 7 月 22 日,在 1945 年的今天,美国计算机科学家阿黛尔戈德堡(Adele Goldberg)出生;1970 年代时&…

【历史上的今天】6 月 4 日:微软收购 Github;MacOS Mojave 推出;英特尔发布第四代架构 Haswell

整理 | 王启隆 透过「历史上的今天」,从过去看未来,从现在亦可以改变未来。 今天是 2022 年 6 月 4 日,在 1998 年的今天,我国互联网用户突破一百万。自从中国科学技术网在国内首次实现了与国际互联网络的直接连接,我…

我用ChatGPT干了这18件事!格局一下打开了

因公众号更改推送规则,请点“在看”并加“星标”第一时间获取精彩技术分享 点击关注#互联网架构师公众号,领取架构师全套资料 都在这里 0、2T架构师学习资料干货分 上一篇:2T架构师学习资料干货分享 大家好,我是互联网架构师&…

Chrome模拟手机浏览器(iOS/Android)的三种方法,亲测无误!

各大网站都有推出自己的手机访问版本页面,不管是新闻类还是视频网站,我们在电脑是无法直接访问到手机网站的,比如我经常访问一个3g.qq.com这个手机站点,如果在电脑上直接打开它,则会跳转到其它页面,一般我会…

ChatGPT常用的提示语(prompts)系列三

系列文章目录 内容翻译自:https://github.com/f/awesome-chatgpt-prompts,并加入自己的实践内容 1、 ChatGPT常用的提示语(prompts)系列一 2、 ChatGPT常用的提示语(prompts)系列二 文章目录 系列文章目录9…

Observability:使用 OpenTelemetry 和 Elastic 监控 OpenAI API 和 GPT 模型

作者:David Hope ChatGPT 现在很火,它打破了互联网。 作为 ChatGPT 的狂热用户和 ChatGPT 应用程序的开发者,我对这项技术的可能性感到无比兴奋。 我看到的情况是,基于 ChatGPT 的解决方案将呈指数级增长,人们将需要监…

大模型时代的自然语言处理:挑战、机遇与发展

来源:专知‍‍ 近期发布的 ChatGPT 和 GPT-4 等大型语言模型, 不仅能高质量完成自然语言生成任务, 生 成流畅通顺, 贴合人类需求的语言, 而且具备以生成式框架完成各种开放域自然语言理解任务的能 力. 在少样本, 零样本场景下, 大模型可取得接近乃至达到传统监督学习…

促进社区AIGC发展!Stability AI 再开源 RLHF、DeepFloyd IF

本文来源 新智元 编辑:Aeneas 好困 【新智元导读】开源先锋StabilityAI一天扔了两枚重磅炸弹:发布史上首个开源RLHF大语言模型,以及像素级图像模型DeepFloyd IF。开源社区狂喜! 最近,大名鼎鼎的Stable Diffusion背后…

分享200+个关于AI的网站

分享200个关于AI的网站 欢迎大家访问:https://tools.haiyong.site/ai 快速导航 AI 应用AI 写作AI 编程AI 设计AI 作图AI 训练模型AI 影音编辑AI 效率助手 AI 应用 文心一言: https://yiyan.baidu.com/ 百度出品的人工智能语言模型 ChatGPT: https://chat.openai.c…

论文《Can AI-Generated Text be Reliably Detected?》译文

摘要 大型语言模型(LLM)的快速发展使它们能够在包括文档续写和问答系统在内的各种任务中表现惊人。然而,不受监管地使用这些模型可能导致恶意后果,如抄袭、伪造新闻、垃圾邮件等。因此,可靠地检测人工智能生成的文本对…

我的周刊(第080期)

我的信息周刊,记录这周我看到的有价值的信息,主要针对计算机领域,内容主题极大程度被我个人喜好主导。这个项目核心目的在于记录让自己有印象的信息做一个留存以及共享。 🎯 项目 stable-diffusion-webui-docker[1] 基于 Docker 的…

文案一键配图!

大家好,我是懂王。 之前听到过这样一句话,朋友圈内容吸引力为:视频>图片>文字>链接。其实这句话还是有几分道理的。毕竟如何简短,快速的了解信息才是最重要的。 无论是发朋友还是写文章,只要你涉及到内容创…

ChatGPT iOS 应用程序用户现在可以访问互联网

OpenAI 的 iOS 版 ChatGPT 应用程序现在允许 ChatGPT Plus 用户通过 Bing 搜索访问信息。付费用户的浏览功能处于测试阶段。 ChatGPT iOS 应用程序用户现在可以通过 Bing 搜索访问信息。但是,该功能仅适用于 ChatGPT Plus 用户,并且必须通过设置启用。 …

iOS iTunes Connect后台显示app已经上架(可供销售),但用手机在App Store搜不到的解决办法。

//联系人:石虎 QQ:1224614774 昵称:嗡嘛呢叭咪哄 一、概念 在 iTunes Connect后台显示的状态是“Ready for sale”,即"可供销售"。 审核通过后,客户即在appstore搜索下载,但没有搜到,以为是苹果数据同步延迟。 图: 二解…

已经上架的app(可供销售)在AppStore上搜不到的解决办法

这两天很是头大, 因为3天前手动发布的app到现在都还没在AppStore上看到,打了无数电话给苹果和发邮件给review团队. 下面说说怎么解决我们在iTunes后台看到是绿灯(可供销售)但是就是在AppStore上搜不到新版本. 1.打电话 4006-701-855, 这是iTunes提供的支持电话,中国时间 9:00-1…

已上架的App在AppStore上无法搜索到的问题

前言 # 如果还没有苹果开发者账号,自行注册苹果开发者中心 (opens new window)并缴费成为开发者。 # 证书配置 证书教程 (opens new window)Win系统请使用 appuploader (opens new window)进行生成。 # 发布证书(三个端只需一个即可 格式.p12 上传到后…

itunesconnect后台显示app已经上架(可供销售),但在appstore搜不到的解决办法。

昨天在itunesconnect提交了新版本,今天早上一早起来看到已经审核通过了 。在itunesconnect中显示是“可供销售”,但是在appstore中搜索时显示的还是老的版本。搜了几次都是这样。后来查了一些资料发现遇到这个appstore缓存bug的开发者还不在少数。还找到…

新人直接上手,手机拍延时摄影

新人直接上手,手机拍延时摄影 延时摄影是什么飞机上的摄影海天一色海天一色精剪版高空摄像机场降落神仙仙云-猴哥腾云驾雾腾云驾雾精剪版蓝天白云的马尼拉 延时摄影是什么 延时摄影是什么?这是一种视频,也可以理解为是一种gif动图。我们一般…