如何使用github hexo git vercel弄一个hexo博客<重制版
为什么又出来了一个 因为上一个太烂 估计看那个教程的都不行
准备
git 电脑 vercel账号 github账号
vercel其实不用搞 他只是加速的
开始
在随便一个盘符 新建一个文件夹
进入文件夹
右键
选择
github bash here
之后最小化
不用管他
前往这里下载node
安装后
在github bash里输入
node -v
npm -v
显示正常 不报错 证明安装成功 之后安装hexo
代码语言:javascript复制npm install -g hexo-cli
安装完之后输入
代码语言:javascript复制hexo -v
我的是手机 可能会不一样
显示正常 没报错就是安装好了 之后输入
代码语言:javascript复制hexo init
npm install
稍等一会 因为我的手机npm不能用了 这里我就用cnpm
这个教程就到一半了 hexo最重要的就是主题了 这里我用yilia 因为他简洁 你想用其他的也是可以的 在博客主目录输入
代码语言:javascript复制git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
弄好之后 我先歇会
你还真翻了
那我们继续 cd到博客根目录
代码语言:javascript复制apt install nano
安装nano
代码语言:javascript复制nano _config.yml
应该是这样的
代码语言:javascript复制# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html## Source: https://github.com/hexojs/hexo/# Sitetitle: Hexosubtitle: ''description: ''keywords:author: John Doelanguage: entimezone: ''# URL## If your site is put in a subdirectory, set url as 'http://example.com/child' and root as '/child/'url: http://example.comroot: /permalink: :year/:month/:day/:title/permalink_defaults:pretty_urls: trailing_index: true # Set to false to remove trailing 'index.html' from permalinks trailing_html: true # Set to false to remove trailing '.html' from permalinks# Directorysource_dir: sourcepublic_dir: publictag_dir: tagsarchive_dir: archivescategory_dir: categoriescode_dir: downloads/codei18n_dir: :langskip_render:# Writingnew_post_name: :title.md # File name of new postsdefault_layout: posttitlecase: false # Transform title into titlecaseexternal_link: enable: true # Open external links in new tab field: site # Apply to the whole site exclude: ''filename_case: 0render_drafts: falsepost_asset_folder: falserelative_link: falsefuture: truehighlight: enable: true line_number: true auto_detect: false tab_replace: '' wrap: true hljs: falseprismjs: enable: false preprocess: true line_number: true tab_replace: ''# Home page setting# path: Root path for your blogs index page. (default = '')# per_page: Posts displayed per page. (0 = disable pagination)# order_by: Posts order. (Order by date descending by default)index_generator: path: '' per_page: 10 order_by: -date# Category & Tagdefault_category: uncategorizedcategory_map:tag_map:# Metadata elements## https://developer.mozilla.org/en-US/docs/Web/HTML/Element/metameta_generator: true# Date / Time format## Hexo uses Moment.js to parse and display date## You can customize the date format as defined in## http://momentjs.com/docs/#/displaying/format/date_format: YYYY-MM-DDtime_format: HH:mm:ss## updated_option supports 'mtime', 'date', 'empty'updated_option: 'mtime'# Pagination## Set per_page to 0 to disable paginationper_page: 10pagination_dir: page# Include / Exclude file(s)## include:/exclude: options only apply to the 'source/' folderinclude:exclude:ignore:# Extensions## Plugins: https://hexo.io/plugins/## Themes: https://hexo.io/themes/theme: landscape# Deployment## Docs: https://hexo.io/docs/one-command-deploymentdeploy: type: ''
这里简单弄下 修改 theme: landscape 改成 theme: yilia deployment选项卡 改成
代码语言:javascript复制# Deployment
## Docs: https://hexo.io/docs/deployment.htmldeploy: type: gitrepo: https://github.com/YourGithubName/YourGithubName.github.io.git branch: master
这里先写到这里
yo
我又回来了
之后进入github
点击那个
号 之后new repo…
名字有要求 是你的github名字.github.io
点击新建个readme文件
新建
返回到git bash
cd到博客根目录
输入
npm install --save hexo-deployer-git
之后输入
代码语言:javascript复制git config --global user.name "你github名字"
git config --global user.email 你注册github的邮箱
输入
代码语言:javascript复制hexo d -g
这个是上传并且生成
代码语言:javascript复制hexo g -d
也是一样的
上传好了的话就可以访问了
域名大概都是https://你的github名字.github.io
如果你要绑定域名
在source文件夹新建CNAME文件
编辑成你的域名
保存退出
配置vercel
有个vercel账户
进入 vercel.com
也就是 now.sh
新建
省略中
之后
绑定域名也行
咋整也行
到这就结束了
说下hexo常见命令吧
hexo init # 初始化
hexo new “My New Post” # 新文章
hexo new page “my new page” # 新页面
hexo d # 上传
hexo g # 生成
hexo g -d # 上传并生成
hexo d -g # 也是上传并生成
剩下的去网上搜吧