本地部署docker文档

由于访问 https://docs.docker.com/ 文档慢,直接本地部署官方文档

如果不想执行以下操作,也可以直接使用官方文档仓库地址提供的 Dockerfile 和 compose.yaml 进行操作

以下操作环境为Windows系统,根据 Dockerfile 相关操作来生成 html 页面

步骤1~3可以参考:搭建自己的wiki知识库【转】_wiki搭建-CSDN博客

1、安装 go

下载地址:https://go.dev/dl/

当前版本:1.22.2

2、安装 nodejs

下载地址:https://nodejs.org/en/download/package-manager

当前node版本:20.12.2

当前npm版本:10.5.0

3、安装 hugo

hugo官网:https://gohugo.io/
下载地址:https://github.com/gohugoio/hugo/releases/tag/v0.133.0

当前版本:0.133.0

4、操作命令

# 根据 package.json 文件下载依赖到 node_modules 目录
npm install

# 生成 html 页面,指定目录为 out,网站url为空
hugo --minify -d out -b ""

# 生成 pagefind,指定源文件目录 out,指定输出文件目录 pagefind
npx pagefind@v1.1.0 --site "out" --output-path "pagefind"

5、复制文件

html页面:out 目录

网页内容查询文件:pagefind 目录

示例:

可以将 out 目录的内容复制到 xxx/public下,然将 pagefind 目录复制到 public 目录下

(ps:也就是 pagefind 目录下的文件在 out 目录下)

6、部署

可以使用不同方式部署

6.1、使用nginx搭建静态服务

如使用phpstudy、宝塔等软件

6.2、编写文件服务

1)在 步骤5 所在目录创建 main.go 文件,编写 http 服务  

2)然后执行 `go run main.go`  

3)浏览器访问 `http://127.0.0.1:1234/`

其中main.go内容为:

package main

import (
	"fmt"
	"io/ioutil"
	"net/http"
	"os"
	"path/filepath"
	"strings"
)

// 如有错误,请根据实际情况修改下面代码

func main() {
	// http.Handle("/", http.FileServer(http.Dir("/")))

	http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
		uri := r.RequestURI

		// 移除问号
		pos := strings.LastIndex(uri, "?")
		if pos > -1 {
			uri = uri[:pos]
		}

		// 以 / 结尾,自动追加 index.html
		if strings.HasSuffix(uri, "/") {
			uri += "index.html"
		}

		// 获取文件绝对路径
		curPwd, _ := os.Getwd()
		absPath := filepath.Join(curPwd, "\\", uri)
		absPath = filepath.FromSlash(absPath)

		// 读取文件内容
		b, err := ioutil.ReadFile(absPath)
		if err != nil {
			w.Write(nil)
			return
		}

		// 显示异常,请添加相应的content-type
		contentTypeMap := map[string]string{
			// ".html": "text/html",
			".css": "text/css",
			".js":  "application/javascript",

			".ico": "image/x-icon",
			".svg": "image/svg+xml",
			// ".webp": "image/webp",

			".json": "application/json",
		}

		pos = strings.LastIndex(absPath, ".")
		suffix := absPath[pos:]

		if v, ok := contentTypeMap[suffix]; ok {
			w.Header().Add("content-type", v)
		}

		w.Write(b)
	})

	fmt.Println("http server running on http://127.0.0.1:1234/")
	http.ListenAndServe("0.0.0.0:1234", nil)
}

6.3、其他方式

……

7、浏览器访问

 

8、相关代码

编译生成的代码:build-on-windows · janthinasnail / Docs Docker · GitCode

docker文档(可以用于部署):pages-on-windows · janthinasnail / Docs Docker · GitCode

源文档地址:https://docs.docker.com/

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
本地代码部署docker的步骤如下: 1. 首先,确保你已经安装了Docker。你可以在终端中使用命令`docker --version`来检查Docker的版本。如果你还没有安装Docker,可以参考官方文档进行安装。 2. 在本地打包你的前端项目。确保你的项目代码处于可运行状态。 3. 将打包好的项目上传到服务器。由于没有直接从本地上传到服务器的方法,你可以通过其他方式将项目上传到服务器,例如使用FTP或者SCP。 4. 连接到服务器,并将项目复制到Docker容器对应的目录中。可以通过在终端中使用`scp`命令将项目文件复制到服务器上的指定目录中。具体的命令示例如下: ``` scp -r /path/to/local/project user@server:/path/to/docker/container ``` 5. 在服务器中进入Docker容器的终端。可以使用`docker exec -it <container_id> /bin/bash`命令进入容器的终端,其中`<container_id>`是你要进入的容器的ID。 6. 确保在Docker容器中已安装所需的依赖。如果在容器中没有安装vim等所需的工具,可以使用`apt-get install vim`命令进行安装。如果报错的话,可以先执行`apt-get update`再重新执行安装命令。 7. 最后,在浏览器中输入服务器的域名或IP地址,即可访问部署好的前端项目。 综上所述,本地代码部署Docker的步骤包括打包项目、上传到服务器、复制到Docker容器、安装所需依赖,并最终在浏览器中访问部署好的项目。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [docker部署前端代码](https://blog.csdn.net/weixin_43207208/article/details/128793486)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [本地部署docker实践](https://blog.csdn.net/namechenfl/article/details/123481138)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值