将个人博客部署到vercel
前言博客的配置已经基本完成,接下来就是找个地方把自己的博客挂上去啦,这里选择用vercel。虽然可以直接托管到github page,但是国内访问github的速度有限,所以这里选择用vercel。 注意事项在根据使用本博客内容进行部署上传时,不要初始化git仓库若是已经根据前两篇博客初始化了仓库并上传GitHub,则可以直接跳过“将博客上传到Github”这一步 注册vercel账号进入vercel官网注册vercel账号vercel支持github登录,但是还是需要注册一个用户。下图记得选择个人,团队要米。 将博客上传到Github安装插件运行以下命令安装插件 1$ npm install hexo-deployer-git --save 修改config.yml文件打开_config.yml文件,找到deploy,将以下代码复制上去,将需要替换的东西替换为自己的。brach这一栏可以默认填写main,message可以空着不写。 12345deploy: type: git repo: <repository url> # https://bitbuc...
Butterfly主题配置
前言这篇文章会记录我对butterfly这个主题配置进行过的更改,加深一下印象。方便我在之后忘记了可以回来这里看一眼。这篇文章会一直不定期的更新。
初始化博客
前言上一篇文章记录了如何将代码上传到GitHub仓库,这篇文章准备记录如何初始化博客并下载博客主题。这里用的博客框架是Hexo框架,主题使用Butterfly主题,接下来会记录操作过程。 下载node.js安装进入node.js官网下载node.js 下载好之后运行.msi文件安装即可 测试安装完成后,运行下面命令查看node.js版本 1node -v 查看npm包管理器版本 1npm -v 初始化博客安装Hexo博客框架运行以下命令安装Hexo博客框架 1$ npm install -g hexo-cli 初始化博客文件夹进入你想创建博客文件夹的目录,运行以下命令初始化博客并安装相关依赖 123$ hexo init <folder>$ cd <folder>$ npm install 运行博客用vscode打开博客文件夹,终端输入以下命令运行博客 1hexo cl; hexo g; hexo s 进入浏览器,输入以下地址访问博客 1localhost:4000 详细可见Hexo官方文档 安装Butterfly博客主题(可选)安装运行以...
将代码储存到github仓库
前言由于这个操作已经进行过多次,而每次在新电脑操作时总会忘记一些细节。之前也进行过的许多新奇的尝试,即便成功了,其中有许多操作细节也渐渐忘记了。于是我决定建立自己的博客,记录我的一些我进行过的操作。也许相当于备忘录? 注册github并创建仓库进入github官网注册github记住你所填写的邮箱,后面需要用。点击这里进入github官网 创建github仓库选择图中按钮创建仓库 填写仓库名称 可以将仓库名称设置为私有,然后创建仓库 安装与设置git安装git进入官网安装git 选择自己的操作系统进行安装,我这里选择的是Windows/x64 这一步对初学者来说选择vscode作为默认编辑器(图中默认vim,请自己修改) 修改分支名字为main 剩下的按照默认的设置即可 配置git用户名与邮箱进入终端运行指令配置用户名与邮箱(用户名与与邮箱需要与github保持一致) 12$ git config --global user.name "John Doe"$ git config --global user.email ...
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post1$ hexo new "My New Post" More info: Writing Run server1$ hexo server More info: Server Generate static files1$ hexo generate More info: Generating Deploy to remote sites1$ hexo deploy More info: Deployment
