deno_blog官方仓库

Deno Deploy部署博客网站Blog

Deno Deploy部署博客网站Blog

环境配置：

安装Deno

iwr https://deno.land/install.ps1 -useb | iex

博客初始化

初始化博客

deno run -r --allow-read --allow-write https://deno.land/x/blog/init.ts ./directory/for/blog/

启动本地服务器

./directory/for/blog/目录下启动命令

deno task dev

打开浏览器输入

localhost:8000

这个时候正常是能看到博客Blog页面了

配置自己的博客信息

博客配置文件

./directory/for/blog/ 文件里包含一个main.ts文件

配置自己的信息

blog({
  author: "Dino",
  title: "My Blog",
  description: "The blog description.",
  avatar: "avatar.png",
  avatarClass: "rounded-full",
  links: [
    { title: "Email", url: "mailto:bot@deno.com" },
    { title: "GitHub", url: "https://github.com/denobot" },
    { title: "Twitter", url: "https://twitter.com/denobot" },
  ],
  favicon: "favicon.ico",
});

author : 作者
title : 网站名字
description : 简介
avatar : 头像
links : 社交媒体链接
favicon : 网站logo

头像和网站logo图像文件直接存放在./directory/for/blog/目录下
修改成功后，正常能看到浏览器localhost:8000博客页面效果

更新博客

新增帖子

./directory/for/blog/posts目录下新增文件后缀名为.md格式
采用markdown语法写作
如新增第一篇帖子first_post.md

帖子格式

---
title: 第一篇帖子
publish_date: 2022-07-18
---
开始写作.....

修改帖子

直接在first_post.md文件里修改文字即可

---
title: 第一篇帖子
publish_date: 2022-07-18
---
重新写作.....

前四行帖子标题title和帖子发布日期，不建议忽略或删除。

GitHub存放代码

登录GitHub

GitHub

新建代码仓库

GitHub右上角头像左边**+**号New repository新建代码仓库
Repository name*: blog
然后点击Create repository创建代码仓库

采用Git上传本地代码到GitHub

Git 原理入门 - 阮一峰

初始化本地电脑代码仓库

回到电脑./directory/for/blog/目录下，按顺序运行命令

git init

git add .

git commit -m 'blog init'

本地电脑代码上传到GitHub代码仓库

完成初始化本地电脑代码仓库
继续在./directory/for/blog/目录下，按顺序运行命令

git branch -M main

git remote add origin https://github.com/****/blog.git

后面这个https://github.com/***/blog.git链接更换成自己的

git push -u origin main

做完这一步刷新一下GitHub仓库，\正常是能看到./directory/for/blog/里面的文件了

部署到自己的网站

登录Deno Deploy

Deno Deploy
Sign in用GitHub账号登录

部署GitHub仓库代码到Deno Deploy

登录后点击+ New Project新增项目

选择GitHub仓库

Select GitHub repository: 选择Github账号下的blog仓库代码
Select production branch: 选择main
Project name: 网站前缀名字(英文)

点击Link后，部署成功后点击View查看自己的博客网站
网址格式: ***.deno.dev

后续更新博客

本地代码编辑使用VSCode
代码上传到GitHub使用Git
GitHub状态更新，博客网站自动部署更新\

全文完毕

用Deno Deploy部署属于自己的博客Blog